innerHTML Eienskap

Die eienskap innerHTML laat jou toe om die HTML-kode van 'n element te kry en te verander.

Sintaksis

javascriptelement.innerHTML;

Voorbeeld

Laat ons die HTML-kode van die element uitskryf:

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

Resultaat van die kode-uitvoering:

javascript'<b>teks</b>'

Voorbeeld

Laat ons die HTML-kode na 'n nuwe een verander:

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

Resultaat van die kode-uitvoering:

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

Sien ook

  • die eienskap textContent,
    wat die teks van die element bevat
  • die eienskap outerHTML,
    wat die eksterne HTML-kode van die element bevat