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 :
<p id="elem"><b>text</b></p>
Obtenons une référence à cette balise dans une variable :
let elem = document.querySelector('#elem');
Lisons le code HTML de la balise :
console.log(elem.innerHTML); // affichera <b>text</b>
Modifions le texte de la balise :
elem.innerHTML = '<i>!!!</i>';
Étant donné un paragraphe et un bouton. Au clic sur le bouton, lisez le code HTML du paragraphe et affichez-le dans la console.
Étant donné un paragraphe et un bouton. Au clic sur le bouton, écrivez dans le paragraphe un nouveau texte de sorte qu'il soit en gras.
