HTML DOM Element outerHTML Eigenschaft

Definition und Verwendung

outerHTML Eigenschaftssatz oder Rückgabe des HTML-Elements, einschließlich Eigenschaften, Start- und Endtags.

Beispiel

Beispiel 1

Ändern Sie den ersten h2-Element und seinen Inhalt:

document.getElementsByTagName("h2")[0] = "<h3>Changed!</h3>";

Probieren Sie es selbst aus

Beispiel 2

Ersetzen Sie den Element mit einem Titel:

element.outerHTML = "<h2>This is a h2 element</h2>";

Probieren Sie es selbst aus

Beispiel 3

Geben Sie den äußeren HTML des <h1>-Elements aus:

let html = document.getElementsByTagName("h1")[0].outerHTML;
alert(html);

Probieren Sie es selbst aus

Beispiel 4

Geben Sie den äußeren HTML des <ul>-Elements aus:

let html = document.getElementsByTagName("ul")[0].outerHTML;
alert(html);

Probieren Sie es selbst aus

Syntax

Rückgabe der outerHTML-Eigenschaft:

element.outerHTML

Setzen Sie die outerHTML-Eigenschaft:

element.outerHTML = text

Eigenschaftswert

Wert Beschreibung
text Neuer HTML-Inhalt.

Rückgabewert

Typ Beschreibung
Zeichenkette Der HTML-Inhalt des Elements, einschließlich Eigenschaften, Start- und Endtags.

Browserkompatibilität

Alle Browser unterstützen element.outerHTML:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Unterstützung Unterstützung Unterstützung Unterstützung Unterstützung Unterstützung