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