Attribut outerHTML de l'élément DOM HTML

Définition et utilisation

outerHTML Définir ou retourner un élément HTML, y compris les attributs, les balises de début et de fin.

Exemple

Exemple 1

Modifier le premier élément h2 et son contenu :

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

Essayer par vous-même

Exemple 2

Remplacer l'élément par un titre :

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

Essayer par vous-même

Exemple 3

Afficher l'HTML externe de l'élément <h1> :

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

Essayer par vous-même

Exemple 4

Afficher l'HTML externe de l'élément <ul> :

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

Essayer par vous-même

Syntaxe

Retourner l'attribut outerHTML :

element.outerHTML

Définir l'attribut outerHTML :

element.outerHTML = text

Valeur de l'attribut

Valeur Description
text Nouveau contenu HTML.

Valeur de retour

Type Description
Chaîne Le contenu HTML de l'élément, y compris les attributs, les balises de début et de fin.

Support du navigateur

Tous les navigateurs le supportent element.outerHTML：

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