Omadus innerHTML

Omadus innerHTML võimaldab saada ja muuta elemendi HTML koodi.

Süntaks

javascriptelement.innerHTML;

Näide

Väljastame elemendi HTML koodi:

html<p id="elem"><b>text</b></p>
javascriptlet elem = document.querySelector('#elem');
console.log(elem.innerHTML);

Koodi täitmise tulemus:

javascript'<b>text</b>'

Näide

Muudame HTML koodi uueks:

html<p id="elem"><b>text</b></p>
javascriptlet elem = document.querySelector('#elem');
elem.innerHTML = '<i>!!!</i>';

Koodi täitmise tulemus:

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

Vaata ka

  • omadus textContent,
    mis sisaldab elemendi teksti
  • omadus outerHTML,
    mis sisaldab elemendi välist HTML koodi