Praca z kodem HTML elementów w JavaScript

Elementy DOM mają właściwość innerHTML, która pozwala odczytać kod HTML tych elementów. Spójrzmy na przykład. Załóżmy, że mamy następujący tag:

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

Pobierzmy referencję do tego tagu do zmiennej:

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

Odczytajmy kod HTML tagu:

javascriptconsole.log(elem.innerHTML); // wypisze <b>text</b>

Zmieńmy tekst tagu:

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