Exemplu
Aflați cât de multe <p> elemente există în document:
var nodelist = document.getElementsByTagName("P").length;
Rezultatul nodelist va fi:
4
Încearcă - l singur » Mai multe "Try it Yourself" - "Try it Yourself" exemplele de mai jos.
Definiție și utilizare
Proprietatea Lungimea returnează numărul de noduri într-un obiect NodeList.
Un obiect de colectare nod de noduri copil este un exemplu al unui obiect NodeList.
Proprietatea Lungimea este utilă atunci când doriți să bucla prin nodurile dintr - o listă de nod (See "More Examples" below) A se (See "More Examples" below) de (See "More Examples" below) .
Această proprietate este read-only.
Sfat: Utilizați item() metoda pentru a returna un nod la indexul specificat într - un obiect NodeList.
Suport pentru browser-
Proprietate | |||||
---|---|---|---|---|---|
length | da | da | da | da | da |
Sintaxă
Detalii tehnice Întoarcere Valoare: Un număr, care reprezintă numărul de noduri din nodelist DOM Versiunea Nivelul de bază 1 Nodelist Obiect
Mai multe exemple
Exemplu
Aflați cât de multe <p> elemente există în interiorul unui <div> Element:
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> Rezultatul nodelist va fi:
3 Încearcă - l singur »
Exemplu
Bucla prin toate <p> elemente din interiorul unui <div> element și schimbă culoarea de fundal a fiecărei <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";
} Încearcă - l singur »
Exemplu
Întoarcere numărul de noduri copil ale <body> elementului:
var nodelist = document.body.childNodes.length; Rezultatul nodelist va fi:
12 Încearcă - l singur »
Exemplu
Buclă prin nodurile copil de <body> și de ieșire numele de nod al fiecărui nod copil:
var nodelist = document.body.childNodes;
var txt = "";
var i;
for (i = 0;
i < nodelist.length; i++) {
txt = txt +
nodelist[i].nodeName + "<br>";
} Rezultatul txt va fi:
#comment
#text
P
#text
BUTTON
#text
P
#text
P
#text
SCRIPT
#text Încearcă - l singur »
Pagini similare
HTML DOM Reference: href="met_nodelist_item.html"> nodelist . item() Method href="met_nodelist_item.html"> nodelist . item() Method
HTML DOM Reference: Element .childNodes Proprietate
HTML DOM Reference: href="met_element_getelementsbyclassname.html"> element . getElementsByClassName() Method href="met_element_getelementsbyclassname.html"> element . getElementsByClassName() Method
HTML DOM Reference: href="met_element_getelementsbytagname.html"> element . getElementsByTagName() Method href="met_element_getelementsbytagname.html"> element . getElementsByTagName() Method
HTML DOM Reference: href="met_element_queryselectorall.html"> element . querySelectorAll() Method href="met_element_queryselectorall.html"> element . querySelectorAll() Method
HTML DOM Reference: href="met_document_getelementsbyclassname.html">document. getElementsByClassName() Method href="met_document_getelementsbyclassname.html">document. getElementsByClassName() Method
HTML DOM Reference: href="met_doc_getelementsbyname.html">document. getElementsByName() Method href="met_doc_getelementsbyname.html">document. getElementsByName() Method
HTML DOM Reference: href="met_document_getelementsbytagname.html">document. getElementsByTagName() Method href="met_document_getelementsbytagname.html">document. getElementsByTagName() Method
HTML DOM Reference: href="met_document_queryselectorall.html">document. querySelectorAll() Method href="met_document_queryselectorall.html">document. querySelectorAll() Method