Die outerHTML-Eigenschaft
Die Eigenschaft outerHTML ermöglicht es,
den HTML-Code eines Elements zusammen mit seinem Tag abzurufen und zu ändern.
Syntax
element.outerHTML;
Beispiel
Lassen Sie uns den Text des Elements mit der
Eigenschaft outerHTML ausgeben:
<p id="elem">text</p>
let elem = document.querySelector('#elem');
console.log(elem.outerHTML);
Ergebnis der Codeausführung:
'<p id="elem">text</p>'
Beispiel
Lassen Sie uns anstelle des Absatzes ein div mit demselben
Text erstellen:
<p id="elem">text</p>
let elem = document.querySelector('#elem');
elem.outerHTML = '<div>' + elem.innerHTML + '</div>';
Ergebnis der Codeausführung:
<div>text</div>
Siehe auch
-
die Eigenschaft
textContent,
die den Text des Elements enthält -
die Eigenschaft
innerHTML,
die den HTML-Code des Elements enthält
