Propriété outerHTML
La propriété outerHTML permet d'obtenir
et de modifier le code HTML d'un élément avec sa balise.
Syntaxe
élément.outerHTML;
Exemple
Affichons le texte de l'élément en utilisant
la propriété outerHTML :
<p id="elem">text</p>
let elem = document.querySelector('#elem');
console.log(elem.outerHTML);
Résultat de l'exécution du code :
'<p id="elem">text</p>'
Exemple
Remplaçons le paragraphe par une div avec le
même texte :
<p id="elem">text</p>
let elem = document.querySelector('#elem');
elem.outerHTML = '<div>' + elem.innerHTML + '</div>';
Résultat de l'exécution du code :
<div>text</div>
Voir aussi
-
la propriété
textContent,
qui contient le texte de l'élément -
la propriété
innerHTML,
qui contient le code HTML de l'élément
