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
element.outerHTML;
Voorbeeld
Laten we de tekst van het element uitvoeren met behulp van
de eigenschap outerHTML:
<p id="elem">tekst</p>
let elem = document.querySelector('#elem');
console.log(elem.outerHTML);
Resultaat van de code-uitvoering:
'<p id="elem">tekst</p>'
Voorbeeld
Laten we in plaats van de paragraaf een div maken met dezelfde
tekst:
<p id="elem">tekst</p>
let elem = document.querySelector('#elem');
elem.outerHTML = '<div>' + elem.innerHTML + '</div>';
Resultaat van de code-uitvoering:
<div>tekst</div>
Zie ook
-
de eigenschap
textContent,
die de tekst van het element bevat -
de eigenschap
innerHTML,
die de HTML-code van het element bevat
