Elementide HTML-koodiga töötamine JavaScriptis

DOM elementidel on omadus innerHTML, mis võimaldab nende elementide HTML-koodi lugeda. Vaatame näidet. Oletame, et meil on järgmine silt:

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

Saame sellele sildile viida muutujasse:

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

Loeme sildi HTML-koodi:

javascriptconsole.log(elem.innerHTML); // väljastab <b>text</b>

Muudame sildi teksti:

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