Une liste de noeuds est une collection de noeuds
Liste HTML Node DOM
Le getElementsByTagName() méthode renvoie uneliste de noeuds.Une liste de noeuds est une collection semblable à un tableau de noeuds.
Le code suivant sélectionne tous les <p> noeuds dans un document:
Exemple
var
x = document.getElementsByTagName("p");
Les nœuds sont accessibles par un numéro d'index. Pour accéder à la seconde <p> node vous pouvez écrire:
y = x[1];
Essayez - le vous - même » Note: L'indice commence à 0.
DOM HTML Liste Node Longueur
La propriété length définit le nombre de noeuds dans une liste de noeuds:
Exemple
var myNodelist = document.getElementsByTagName("p");
document.getElementById("demo").innerHTML = myNodelist.length;
Essayez - le vous - même » Exemple expliqué:
- Obtenez tous les <p> éléments dans une liste de noeuds
- Afficher la longueur de la liste de noeuds
La propriété de longueur est utile lorsque vous voulez faire une boucle à travers les noeuds dans une liste de noeud:
Exemple
Changer la couleur de tous de fond <p> éléments dans une liste de noeuds:
var myNodelist = document.getElementsByTagName("p");
var i;
for (i = 0; i < myNodelist.length; i++) {
myNodelist[i].style.backgroundColor = "red";
}
Essayez - le vous - même » Une liste de nœuds est pas un tableau!
Une liste de nœuds peut ressembler à un tableau, mais il est pas. Vous pouvez parcourir la liste des nœuds et se référer à ses nœuds comme un tableau. Cependant, vous ne pouvez pas utiliser les méthodes de tableau, comme valueOf() ou join() sur la liste des noeuds.