HTML DOM Element outerHTML egenskap

Definition och användning

outerHTML Egenskapsinställning eller återgivning av HTML-element, inklusive egenskaper, starttaggar och sluttaggar.

Exempel

Exempel 1

Ändra den första h2-elementet och dess innehåll:

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

Prova själv

Exempel 2

Erstätt elementet med en rubrik:

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

Prova själv

Exempel 3

Skriv ut den externa HTML:n för <h1>-elementet:

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

Prova själv

Exempel 4

Skriv ut den externa HTML:n för <ul>-elementet:

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

Prova själv

syntaks

Återge outerHTML-egenskapen:

element.outerHTML

Sätt outerHTML-egenskapen:

element.outerHTML = text

egenskapsvärde

värde beskrivning
text nytt HTML-innehåll.

återvärd

typ beskrivning
sträng HTML-innehållet för elementet, inklusive egenskaper, starttaggar och sluttaggar.

Webbläsarstöd

Alla webbläsare stöder element.outerHTML:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Stöd Stöd Stöd Stöd Stöd Stöd