3.3: textContent / value

Il est fréquent de confondre "textContent" et "value".
Voyons la différence


textContent

La propriété textContent d'un élément DOM permet de lire et écrire le texte qui, en HTML, se trouve entre la balise ouvrante et fermante.

<p id="para1">Bonjour</p>
document.getElementById('para1').textContent="Aurevoir";

Le paragraphe devient alors:

<p id="para1">Aurevoir</p>

value

La propriété value d'un champ texte input permet de lire et écrire la valeur que l'utilisateur a pu taper dans ce champ texte.

<input id="nom" type="text" value="xyz" />

document.getElementById('nom').value="Karim";
Le input devient alors

<input id="nom" type="text" value="Karim" />