HTML DOM Element outerHTML-eigenschap

Definitie en gebruik

outerHTML Eigenschap instellen of retourneren van het HTML-element, inclusief eigenschappen, begin- en eindtags.

Voorbeeld

Voorbeeld 1

Wijzig de eerste h2-element en zijn inhoud:

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

Probeer het zelf

Voorbeeld 2

Vervang het element met een titel:

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

Probeer het zelf

Voorbeeld 3

Output: de externe HTML van het <h1>-element:

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

Probeer het zelf

Voorbeeld 4

Output: de externe HTML van het <ul>-element:

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

Probeer het zelf

Syntax

Retourneer de outerHTML-eigenschap:

element.outerHTML

Stel de outerHTML-eigenschap in:

element.outerHTML = text

Eigenschapswaarde

Waarde Beschrijving
text Nieuwe HTML-inhoud.

Retourwaarde

Type Beschrijving
String Het HTML-inhoud van het element, inclusief eigenschappen, begin- en eindtags.

Browser support

All browsers support element.outerHTML:

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