Ultimele tutoriale de dezvoltare web
 

HTML DOM length Propery

<Element Object

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

Exemple

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


<Element Object