Lastnost innerHTML

Lastnost innerHTML omogoča pridobivanje in spreminjanje HTML kode elementa.

Sintaksa

javascriptelement.innerHTML;

Primer

Izpišimo HTML kodo elementa:

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

Rezultat izvajanja kode:

javascript'<b>text</b>'

Primer

Spremenimo HTML kodo na novo:

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

Rezultat izvajanja kode:

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

Glejte tudi

  • lastnost textContent,
    ki vsebuje tekst elementa
  • lastnost outerHTML,
    ki vsebuje zunanjo HTML kodo elementa