HTML elemek kódjának kezelése JavaScripttel

A DOM elemeknek van egy innerHTML tulajdonsága, amely lehetővé teszi ezen elemek HTML kódjának elolvasását. Nézzünk egy példát. Tegyük fel, hogy van a következő tagünk:

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

Kapjunk hivatkozást erre a tagre egy változóba:

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

Olvassuk el a tag HTML kódját:

javascriptconsole.log(elem.innerHTML); // kiírja: <b>text</b>

Változtassuk meg a tag szövegét:

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