Omadus innerHTML
Omadus innerHTML võimaldab saada
ja muuta elemendi HTML koodi.
Süntaks
element.innerHTML;
Näide
Väljastame elemendi HTML koodi:
<p id="elem"><b>text</b></p>
let elem = document.querySelector('#elem');
console.log(elem.innerHTML);
Koodi täitmise tulemus:
'<b>text</b>'
Näide
Muudame HTML koodi uueks:
<p id="elem"><b>text</b></p>
let elem = document.querySelector('#elem');
elem.innerHTML = '<i>!!!</i>';
Koodi täitmise tulemus:
<p id="elem"><i>!!!</i></p>
Vaata ka
-
omadus
textContent,
mis sisaldab elemendi teksti -
omadus
outerHTML,
mis sisaldab elemendi välist HTML koodi