HTML-elementtien koodin käsittely JavaScriptillä

DOM-elementeillä on ominaisuus innerHTML, jolla voidaan lukea näiden elementtien HTML-koodi. Katsotaanpa esimerkkiä. Oletetaan, että meillä on seuraava tagi:

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

Saadaan viitti tähän tagiin muuttujaan:

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

Luetaan tagin HTML-koodi:

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

Muutetaan tagin teksti:

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