Ominaisuus innerHTML

Ominaisuus innerHTML mahdollistaa elementin HTML-koodin hakemisen ja muuttamisen.

Syntaksi

javascriptelementti.innerHTML;

Esimerkki

Tuodaan esiin elementin HTML-koodi:

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

javascriptlet elem = document.querySelector('#elem');
console.log(elem.innerHTML);

Koodin suorituksen tulos:

javascript'<b>text</b>'

Esimerkki

Vaihdetaan HTML-koodi uuteen:

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

javascriptlet elem = document.querySelector('#elem');
elem.innerHTML = '<i>!!!</i>';

Koodin suorituksen tulos:

html<p id="elem"><i>!!!</i></p>

Katso myös