Najnowsze tutoriale tworzenie stron internetowych
 

HTML DOM length Propery

<Element Przedmiot

Przykład

Dowiedzieć się, jak wiele <p> elementy są w dokumencie:

var nodelist = document.getElementsByTagName("P").length;

Wynikiem liście węzłów będą:

4
Spróbuj sam "

Więcej "Try it Yourself" przykłady poniżej.


Definicja i Wykorzystanie

Właściwość length zwraca liczbę węzłów w NodeList obiektu.

kolekcja obiektu węzła węzłów podrzędnych jest przykładem obiektu NodeList.

Właściwość length jest przydatna, gdy chcesz pętli poprzez węzłów w liście węzłów (See "More Examples" below) .

Ta właściwość jest tylko do odczytu.

Wskazówka: Użyj item() metodę, aby powrócić do węzła pod określonym indeksem w NodeList obiektu.


Wsparcie przeglądarka

Nieruchomość
length tak tak tak tak tak

Składnia

Szczegóły techniczne
Zwracana wartość: Liczbą, oznaczającą liczbę węzłów w liście węzłów
DOM Version Poziom podstawowy 1 liście węzłów Przedmiot

Przykłady

Więcej przykładów

Przykład

Dowiedzieć się, jak wiele <p> elementy są wewnątrz <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>

Wynikiem liście węzłów będą:

3
Spróbuj sam "

Przykład

Pętla przez wszystkie <p> elementów wewnątrz <div> elementu, i zmienić kolor tła każdego <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";
}
Spróbuj sam "

Przykład

Zwraca liczbę węzłów potomnych <body> element:

var nodelist = document.body.childNodes.length;

Wynikiem liście węzłów będą:

12
Spróbuj sam "

Przykład

Pętli węzłów podrzędnych <body> i wyjście nazwa węzła każdego węzła potomnego:

var nodelist = document.body.childNodes;

var txt = "";
var i;
for (i = 0; i < nodelist.length; i++) {
    txt = txt + nodelist[i].nodeName + "<br>";
}

Wynikiem txt będą:

#comment
#text
P
#text
BUTTON
#text
P
#text
P
#text
SCRIPT
#text
Spróbuj sam "

Podobne strony

HTML DOM: href="met_nodelist_item.html"> nodelist . item() Method href="met_nodelist_item.html"> nodelist . item() Method

HTML DOM: Element .childNodes nieruchomości

HTML DOM: href="met_element_getelementsbyclassname.html"> element . getElementsByClassName() Method href="met_element_getelementsbyclassname.html"> element . getElementsByClassName() Method

HTML DOM: href="met_element_getelementsbytagname.html"> element . getElementsByTagName() Method href="met_element_getelementsbytagname.html"> element . getElementsByTagName() Method

HTML DOM: href="met_element_queryselectorall.html"> element . querySelectorAll() Method href="met_element_queryselectorall.html"> element . querySelectorAll() Method

HTML DOM: href="met_document_getelementsbyclassname.html">document. getElementsByClassName() Method href="met_document_getelementsbyclassname.html">document. getElementsByClassName() Method

HTML DOM: href="met_doc_getelementsbyname.html">document. getElementsByName() Method href="met_doc_getelementsbyname.html">document. getElementsByName() Method

HTML DOM: href="met_document_getelementsbytagname.html">document. getElementsByTagName() Method href="met_document_getelementsbytagname.html">document. getElementsByTagName() Method

HTML DOM: href="met_document_queryselectorall.html">document. querySelectorAll() Method href="met_document_queryselectorall.html">document. querySelectorAll() Method


<Element Przedmiot