Propriété textContent

La propriété textContent permet d'obtenir et de modifier le texte d'un élément.

Syntaxe

javascriptélément.textContent;

Exemple

Affichons le texte de l'élément :

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

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

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

javascript'text'

Exemple

Modifions le texte de l'élément :

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

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

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

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

Exemple

Si le texte de l'élément contient des balises, elles ne seront pas affichées lors de la lecture de la propriété :

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

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

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

javascript'text'

Voir aussi