Egenskapen innerHTML

Egenskapen innerHTML lar deg hente og endre HTML-koden til et element.

Syntaks

javascriptelement.innerHTML;

Eksempel

La oss skrive ut HTML-koden til elementet:

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

Resultatet av kjøring av koden:

javascript'<b>text</b>'

Eksempel

La oss endre HTML-koden til en ny:

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

Resultatet av kjøring av koden:

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

Se også

  • egenskapen textContent,
    som inneholder teksten til elementet
  • egenskapen outerHTML,
    som inneholder den ytre HTML-koden til elementet