innerHTML Eienskap
Die eienskap innerHTML laat jou toe
om die HTML-kode van 'n element te kry en te verander.
Sintaksis
element.innerHTML;
Voorbeeld
Laat ons die HTML-kode van die element uitskryf:
<p id="elem"><b>teks</b></p>
let elem = document.querySelector('#elem');
console.log(elem.innerHTML);
Resultaat van die kode-uitvoering:
'<b>teks</b>'
Voorbeeld
Laat ons die HTML-kode na 'n nuwe een verander:
<p id="elem"><b>teks</b></p>
let elem = document.querySelector('#elem');
elem.innerHTML = '<i>!!!</i>';
Resultaat van die kode-uitvoering:
<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