Práce s HTML kódem elementů v JavaScriptu

DOM elementy mají vlastnost innerHTML, která umožňuje číst HTML kód těchto elementů. Podívejme se na příklad. Předpokládejme, že máme následující tag:

html<p id="elem"><b>text</b></p>

Získáme odkaz na tento tag do proměnné:

javascriptlet elem = document.querySelector('#elem');

Přečteme HTML kód tagu:

javascriptconsole.log(elem.innerHTML); // vypíše <b>text</b>

Změníme text tagu:

javascriptelem.innerHTML = '<i>!!!</i>';