Exemple
Découvrez combien de <p> éléments , il y a dans le document:
var nodelist = document.getElementsByTagName("P").length;Le résultat de nodelist sera:
4 Essayez vous - même » Plus "Try it Yourself" - "Try it Yourself" exemples ci - dessous.
Définition et utilisation
La propriété de longueur renvoie le nombre de noeuds dans un objet NodeList.
Une collection d'objets de nœud de nœuds enfants est un exemple d'un objet NodeList.
La propriété de longueur est utile lorsque vous voulez faire une boucle à travers les noeuds dans une liste de noeuds (See "More Examples" below) - (See "More Examples" below) .
Cette propriété est en lecture seule.
Conseil: Utiliser le item() méthode pour retourner un noeud à l'index spécifié dans un objet NodeList.
Support du navigateur
| Propriété | |||||
|---|---|---|---|---|---|
| length | Oui | Oui | Oui | Oui | Oui |
Syntaxe
Détails techniques Valeur de retour: Un numéro, ce qui représente le nombre de noeuds dans le nodelist version DOM Niveau de base 1 Nodelist objet
autres exemples
Exemple
Découvrez combien de <p> éléments il y a dans un <div> élément:
var div = document.getElementById("myDIV");
// Get the <div> element with id="myDIV"
var nodelist = div.getElementsByTagName("P").length; // Get the number of <p> elements inside <div> Le résultat de nodelist sera:
3 Essayez vous - même »
Exemple
Boucle à travers tous <p> éléments à l' intérieur d' un <div> élément, et changer la couleur d'arrière - plan de chaque <p> :
var div = document.getElementById("myDIV");
var nodelist =
div.getElementsByTagName("P");
var i;
for (i = 0; i <
nodelist.length; i++) {
nodelist[i].style.backgroundColor = "red";
} Essayez vous - même »
Exemple
Retourne le nombre de nœuds enfants du <body> élément:
var nodelist = document.body.childNodes.length; Le résultat de nodelist sera:
12 Essayez vous - même »
Exemple
Boucle sur les nœuds enfants de <body> et la sortie du nom de noeud de chaque noeud enfant:
var nodelist = document.body.childNodes;
var txt = "";
var i;
for (i = 0;
i < nodelist.length; i++) {
txt = txt +
nodelist[i].nodeName + "<br>";
} Le résultat de txt sera:
#comment
#text
P
#text
BUTTON
#text
P
#text
P
#text
SCRIPT
#text Essayez vous - même »
Pages associées
HTML DOM Référence: href="met_nodelist_item.html"> nodelist . item() Method href="met_nodelist_item.html"> nodelist . item() Method
HTML DOM Référence: élément .childNodes propriété
HTML DOM Référence: href="met_element_getelementsbyclassname.html"> element . getElementsByClassName() Method href="met_element_getelementsbyclassname.html"> element . getElementsByClassName() Method
HTML DOM Référence: href="met_element_getelementsbytagname.html"> element . getElementsByTagName() Method href="met_element_getelementsbytagname.html"> element . getElementsByTagName() Method
HTML DOM Référence: href="met_element_queryselectorall.html"> element . querySelectorAll() Method href="met_element_queryselectorall.html"> element . querySelectorAll() Method
HTML DOM Référence: href="met_document_getelementsbyclassname.html">document. getElementsByClassName() Method href="met_document_getelementsbyclassname.html">document. getElementsByClassName() Method
HTML DOM Référence: href="met_doc_getelementsbyname.html">document. getElementsByName() Method href="met_doc_getelementsbyname.html">document. getElementsByName() Method
HTML DOM Référence: href="met_document_getelementsbytagname.html">document. getElementsByTagName() Method href="met_document_getelementsbytagname.html">document. getElementsByTagName() Method
HTML DOM Référence: href="met_document_queryselectorall.html">document. querySelectorAll() Method href="met_document_queryselectorall.html">document. querySelectorAll() Method