Travailler avec le code HTML des éléments en JavaScript

Les éléments DOM ont une propriété innerHTML, qui permet de lire le code HTML de ces éléments. Regardons un exemple. Supposons que nous ayons la balise suivante :

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

Obtenons une référence à cette balise dans une variable :

javascriptlet elem = document.querySelector('#elem');

Lisons le code HTML de la balise :

javascriptconsole.log(elem.innerHTML); // affichera <b>text</b>

Modifions le texte de la balise :

javascriptelem.innerHTML = '<i>!!!</i>';