HTML DOM Element outerHTML egenskab

Definition og brug

outerHTML Egenskabsindstilling eller retur af HTML-element, herunder egenskaber, startetiket og sluttiket.

Eksempel

Eksempel 1

Ændr den første h2-elementet og indholdet:

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

Prøv det selv

Eksempel 2

Erstat elementet med en titel:

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

Prøv det selv

Eksempel 3

Udskriv eksternt HTML for <h1>-elementet:

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

Prøv det selv

Eksempel 4

Udskriv eksternt HTML for <ul>-elementet:

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

Prøv det selv

Syntaks

Retur outerHTML-egenskab:

element.outerHTML

Indstil outerHTML-egenskab:

element.outerHTML = text

Egenskabsværdi

Værdi Beskrivelse
text Nyt HTML-indhold.

Returværdi

Type Beskrivelse
Streng HTML-indholdet for elementet, herunder egenskaber, startetiket og sluttiket.

Browserstøtte

Alle browsere understøtter element.outerHTML：

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Support Support Support Support Support Support