1. getElementById()
getElementById() peut accéder à un élément spécifique dans DOCUMENT, comme son nom l'indique, il obtient l'élément via l'ID, il ne peut donc accéder qu'à l'élément avec l'ID défini.
Par exemple, il existe un DIV avec l'ID docid :
code de programme
<div id=docid></div>
Ensuite, vous pouvez utiliser getElementById(docid) pour obtenir cet élément.
2.getElementsByName()
Il s'agit d'obtenir des éléments via NAME, mais je me demande si vous avez remarqué qu'il s'agit de GET ELEMENTS. Le pluriel ELEMENTS signifie que ce qui est obtenu n'est pas un élément. Pourquoi ?
Parce que l'ID de chaque élément de DOCUMENT est unique, mais le NOM peut être répété. Pour utiliser une analogie, c'est comme si le numéro de carte d'identité d'une personne était unique (en théorie, même s'il existe des doublons en réalité), mais il existe de nombreux noms en double. Si un document
S'il y a plus de deux balises portant le même nom, alors getElementsByName() peut obtenir ces éléments pour former un tableau.
Par exemple, il existe deux DIV :
code de programme
<div name=docname id=docid1></div>
<div name=docname id=docid2></div>
Ensuite, vous pouvez utiliser getElementsByName(docname) pour obtenir ces deux DIV, utiliser getElementsByName(docname)[0] pour accéder au premier DIV et utiliser getElementsByName(docname)[1] pour accéder au deuxième DIV.
3. getElementsByTagName()
Il s'agit d'obtenir des éléments via TAGNAME (nom de la balise). Bien entendu, un DOCUMENT aura la même balise, donc cette méthode obtient également un tableau.
L'exemple suivant comporte deux DIV. Vous pouvez y accéder avec getElementsByTagName(div). Utilisez getElementsByTagName(div)[0] pour accéder au premier DIV.
getElementsByTagName(div)[1] accède au deuxième DIV.
Pour résumer le DOM standard, essayez d'utiliser le standard getElementById() pour accéder à un élément spécifique et utilisez le standard getElementByTagName() pour accéder aux balises. Cependant, IE ne prend pas en charge getElementsByName(), vous devez donc éviter de l'utiliser.
getElementsByName(), mais getElementsByName() et le document.all[] non standard ne sont pas inutiles. Ils ont leurs propres commodités, que vous les utilisiez ou non, cela dépend du navigateur utilisé par les utilisateurs du site Web.