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
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