De outerHTML Eigenschap

De eigenschap outerHTML maakt het mogelijk om de HTML-code van een element, inclusief de tag, op te halen en te wijzigen.

Syntaxis

javascriptelement.outerHTML;

Voorbeeld

Laten we de tekst van het element uitvoeren met behulp van de eigenschap outerHTML:

html<p id="elem">tekst</p>

javascriptlet elem = document.querySelector('#elem');
console.log(elem.outerHTML);

Resultaat van de code-uitvoering:

javascript'<p id="elem">tekst</p>'

Voorbeeld

Laten we in plaats van de paragraaf een div maken met dezelfde tekst:

html<p id="elem">tekst</p>

javascriptlet elem = document.querySelector('#elem');
elem.outerHTML = '<div>' + elem.innerHTML + '</div>';

Resultaat van de code-uitvoering:

html<div>tekst</div>

Zie ook