Właściwość długości DOM HTML

Przykład

Dowiedz się, ile <p> elementów znajduje się w dokumencie:

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

Więcej przykładów „Wypróbuj sam” poniżej.

Definicja i użycie

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

Kolekcja węzłów podrzędnych obiektu Node jest przykładem obiektu NodeList.

Właściwość length jest przydatna, gdy chcesz przechodzić przez węzły na liście węzłów (patrz „Więcej przykładów” poniżej).

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

Wskazówka: Użyj metody item() , aby zwrócić węzeł o określonym indeksie w obiekcie NodeList.

Obsługa przeglądarki

Property
length	Yes	Yes	Yes	Yes	Yes

Składnia

nodelist.length

Szczegóły techniczne

Wartość zwrotu:	Liczba reprezentująca liczbę węzłów na liście węzłów
Wersja DOM	Obiekt listy węzłów poziomu 1 rdzenia

Więcej przykładów

Przykład

Dowiedz się, ile elementów <p> znajduje się w elemencie <div>:

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>

Przykład

Przejdź przez wszystkie elementy <p> wewnątrz elementu <div> i zmień 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";
}