Propriété innerHTML
La propriété innerHTML permet d'obtenir
et de modifier le code HTML d'un élément.
Syntaxe
élément.innerHTML;
Exemple
Affichons le code HTML de l'élément :
<p id="elem"><b>text</b></p>
let elem = document.querySelector('#elem');
console.log(elem.innerHTML);
Résultat de l'exécution du code :
'<b>text</b>'
Exemple
Modifions le code HTML par un nouveau :
<p id="elem"><b>text</b></p>
let elem = document.querySelector('#elem');
elem.innerHTML = '<i>!!!</i>';
Résultat de l'exécution du code :
<p id="elem"><i>!!!</i></p>
Voir aussi
-
la propriété
textContent,
qui contient le texte de l'élément -
la propriété
outerHTML,
qui contient le code HTML externe de l'élément
