Die outerHTML-Eigenschaft

Die Eigenschaft outerHTML ermöglicht es, den HTML-Code eines Elements zusammen mit seinem Tag abzurufen und zu ändern.

Syntax

javascriptelement.outerHTML;

Beispiel

Lassen Sie uns den Text des Elements mit der Eigenschaft outerHTML ausgeben:

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

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

Ergebnis der Codeausführung:

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

Beispiel

Lassen Sie uns anstelle des Absatzes ein div mit demselben Text erstellen:

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

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

Ergebnis der Codeausführung:

html<div>text</div>

Siehe auch