De innerHTML Eigenschap
De eigenschap innerHTML maakt het mogelijk
om de HTML code van een element op te halen
en te wijzigen.
Syntaxis
javascriptelement.innerHTML;
Voorbeeld
Laten we de HTML code van het element uitvoeren:
html<p id="elem"><b>text</b></p>javascriptlet elem = document.querySelector('#elem');
console.log(elem.innerHTML);
Resultaat van de code-uitvoering:
javascript'<b>text</b>'
Voorbeeld
Laten we de HTML code naar een nieuwe wijzigen:
html<p id="elem"><b>text</b></p>javascriptlet elem = document.querySelector('#elem');
elem.innerHTML = '<i>!!!</i>';
Resultaat van de code-uitvoering:
html<p id="elem"><i>!!!</i></p>
Zie ook
-
de eigenschap
textContent,
die de tekst van het element bevat -
de eigenschap
outerHTML,
die de externe HTML code van het element bevat