6
votes

Quelle est la différence entre document.getElementyID ("test"). Valeur et document.getElementByID ("Test"). Innerhtml

document.getElementById("test").value

document.getElementById("test").innerHTML
Does the first mean the address and the second mean the value stored at the address?  Also, where can I find documentation on the value property?

4 commentaires

site w3schools a un bon Référence sur le HTML DOM .


@Brianrogères - veuillez ne pas recommander W3schools. Voir w3fools.com pour pourquoi.


@ODed - J'ai trouvé leur référence HTML DOM pour être assez utile. Si vous vous sentez si fortement sur le site, il serait plus constructif que vous recommandiez une référence alternative pour le DOM HTML.


@Brianrogères - certainement. MDN est génial. Factuel et correct.


5 Réponses :


3
votes

Certains html ont un attribut "valeur" , tel que d'autres ne l'ont pas.

Si vous souhaitez les modifier, vous pouvez utiliser l'attribut DOM (utilisé avec JavaScript ) innerhtml (si ils en ont). Cet attribut représente le contenu d'un élément, de sorte qu'il peut être utilisé pour les éléments acceptant d'un autre élément tel que

,

0 commentaires

10
votes

.value vous donne la valeur actuellement définie d'un élément de formulaire ( entrée , Sélectionnez , textarea ), alors que .innerhtml construit une chaîne HTML en fonction des nœuds DOM que l'élément contient l'élément contient.

Pour un exemple simple, allez sur le JS Fiddle Demo et entrez une nouvelle valeur dans l'entrée , puis sortez de l'entrée.

Le Test utilise le JavaScript suivant: xxx

(Le texte ci-dessus mis à jour, suivant un commentaire laissé par je ne suis pas je suis , dans les commentaires ci-dessous.)


2 commentaires

J'aimerais que cela disait si vous voulez plutôt dire " .innerhtml construit une chaîne HTML basée sur les nœuds DOM que l'élément contient" (ou quelque chose de similaire) puisqu'un nœud DOM n'a pas t Strictement avoir un contenu "HTML".


@amnotiiam, d'accord. Mon texte mis à jour et merci pour la clarification. =)



3
votes

De nombreux éléments de HTML peuvent avoir un identifiant, de sorte que la définition de la valeur changera pour chacun.

valeur sera essentiellement ce que cet élément comprend comme une valeur. Par exemple, un vous donnerait le texte à l'intérieur.

innerhtml sera ce que le code HTML est à l'intérieur. Par exemple, un aurait son enfant td s, ainsi que quoi que ce soit d'autre est là.

valeur et innerhtml peut (généralement) être écrit sur, ainsi que lecture.


0 commentaires

2
votes

Cela concerne la manière dont certaines balises fonctionnent en fonction de leurs attributs où d'autres travaillent sur le texte entre les balises d'ouverture et de fermeture.

.value récupère quelle que soit la valeur définie pour la valeur attribut de la balise. .innerhtml récupère tout ce qui est entre l'étiquette d'ouverture et de fermeture.

Par exemple, si la balise HTML était

et vous avez utilisé
JavaScript var nom = document.getelementByID ('nom_utilisateur'). Valeur
Déclarerait une variable nom et lui donner la valeur "Entrer le nom ici" (en supposant que l'utilisateur ne l'a pas changé). D'autre part si vous avez html comme

bla bla
alors vous utiliseriez
Var Text = Document.getElementByID ('ABC')
et cela définirait la variable texte sur "bla bla".

0 commentaires

0
votes
<div id="test">
</div>

0 commentaires