Atrybut length w NodeList HTML DOM

Definicja i użycie

Atrybut length zwraca liczbę węzłów w NodeList.

Atrybut length jest jedynie do odczytu.

Przykład

Przykład 1

Pobieranie liczby podwęzłów w dokumencie:

const nodeList = document.body.childNodes;
let number = nodeList.length;

Spróbuj sam

Przykład 2

Pobieranie podwęzłów elementu <body>:

const nodeList = document.body.childNodes;

Spróbuj sam

Przykład 3

Uzyskaj liczbę podwęzłów w "myDIV":

const element = document.getElementById("myDIV");
let numb = element.childNodes.length;

Spróbuj sam

Przykład 4

Ile <p> elementów jest w "myDIV":

const div = document.getElementById("myDIV");
const list = div.querySelectorAll("p");
let number = list.length;

Spróbuj sam

Przykład 5

Przejdź przez wszystkie <p> elementy w "myDIV" i zmień ich rozmiar czcionki:

const div = document.getElementById("myDIV");
const list = div.querySelectorAll("p");
for (let i = 0; i < list.length; i++) {
  list[i].style.fontSize = "red";
}

Spróbuj sam

Przykład 6

Przejdź przez wszystkie podwęzły i zebrane nazwy każdego węzła:

const list = document.body.childNodes;
let text = "";
for (let i = 0; i < list.length; i++) {
  text += list[i].nodeName + "<br>";
}

Spróbuj sam

Gramatyka

nodelist.length

Zwracana wartość

Typ Opis
Numer Liczba węzłów w NodeList.

Wsparcie przeglądarek

nodelist.length jest cechą DOM Level 1 (1998).

Wszystkie współczesne przeglądarki go wspierają:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Wsparcie 9-11 Wsparcie Wsparcie Wsparcie Wsparcie

Strony związane

Metoda entries()

Metoda forEach()

Metoda item()

Metoda keys()

Metoda values()

Obiekt NodeList

Metoda childNodes()

Metoda querySelectorAll()

Metoda getElementsByName()