Propriété innerHTML

La propriété innerHTML permet d'obtenir et de modifier le code HTML d'un élément.

Syntaxe

javascriptélément.innerHTML;

Exemple

Affichons le code HTML de l'élément :

html<p id="elem"><b>text</b></p>

javascriptlet elem = document.querySelector('#elem');
console.log(elem.innerHTML);

Résultat de l'exécution du code :

javascript'<b>text</b>'

Exemple

Modifions le code HTML par un nouveau :

html<p id="elem"><b>text</b></p>

javascriptlet elem = document.querySelector('#elem');
elem.innerHTML = '<i>!!!</i>';

Résultat de l'exécution du code :

html<p id="elem"><i>!!!</i></p>

Voir aussi