La différence entre getElementById().innerHTML et getElementById().value vous sera expliquée en détail

Cet article présente principalement la différence entre getElementById().innerHTML et getElementById().value. Les amis dans le besoin peuvent s'y référer

En bref : utilisez value pour les formulaires et innerHTML pour insérer des caractères

Par exemple,

Seules les balises avec des attributs de valeur peuvent être utilisées getElementById("jb51").value
J'aime

12345

Pour les balises sans attributs de valeur, utilisez getElementById("jb51").innerHTML

Vous pouvez utiliser document.getElementById() pour obtenir un élément avec un identifiant. sur la page.
Accédez ensuite aux attributs de cet élément, tels que value

Lorsqu'un élément a un attribut value, sa valeur aura une valeur
Exemple 1

Pour un tel élément, lorsque vous utilisez document.getElementById("txt1").value, vous pouvez obtenir sa valeur, qui est la chaîne " Bonjour".

Si un élément n'a pas de valeur, elle ne peut pas être obtenue en utilisant document.getElementById().value. C’est une évidence, comment accéder à quelque chose que vous n’avez pas ?
Par exemple, une balise p n'a pas forcément une valeur.

innerHTML
Ceci fait référence au contenu de l'élément
Exemple 2

Un élément a une balise de début et une balise de fin telle que

ceci est une étiquette

Lorsque vous utilisez document.getElementById("lb1").innerHTML, vous pouvez obtenir le contenu entre , c'est-à-dire "c'est une étiquette".

J'ai compilé ce qui précède pour vous, j'espère que cela vous sera utile à l'avenir.

Articles associés :

jsInstance du code exécutant une fonction après un certain délai

JS implémente simplement une fenêtre flottante

Avalonjs implémente une fonction de panier simple

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!