Egenskaben innerHTML

Egenskaben innerHTML gør det muligt at hente og ændre HTML koden for et element.

Syntaks

javascriptelement.innerHTML;

Eksempel

Lad os udskrive HTML koden for elementet:

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

Resultatet af kodeudførelsen:

javascript'<b>text</b>'

Eksempel

Lad os ændre HTML koden til en ny:

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

Resultatet af kodeudførelsen:

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

Se også

  • egenskaben textContent,
    som indeholder elementets tekst
  • egenskaben outerHTML,
    som indeholder elementets ydre HTML kode