Travailler avec le texte des éléments en JavaScript
Les éléments DOM ont une propriété textContent,
qui permet de lire le texte de ces éléments.
Regardons un exemple. Supposons
que nous ayons la balise suivante :
html<p id="elem">text</p>
Obtenons une référence à cette balise dans une variable :
javascriptlet elem = document.querySelector('#elem');
Lisons le texte de la balise :
javascriptconsole.log(elem.textContent);
Modifions le texte de la balise :
javascriptelem.textContent = '!!!';
Étant donné un paragraphe et un bouton. Au clic sur le bouton, lisez le texte 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.
Étant donné deux paragraphes, contenant comme texte des nombres, et un bouton. En cliquant sur le bouton, affichez à l'écran la somme des nombres contenus.
Étant donné trois paragraphes avec des nombres, une div, et un bouton. En cliquant sur le bouton, écrivez dans le texte de la div la somme des nombres.
Étant donné un paragraphe avec un nombre et un bouton. En cliquant sur le bouton, ajoutez un au nombre du paragraphe et écrivez le nombre obtenu à la place.
Étant donné un paragraphe avec du texte et un bouton. En cliquant sur le bouton, écrivez à la fin du texte du paragraphe un point d'exclamation.