HTML DOM NodeList property length

Definitie en gebruik

De property length retourneert het aantal knopen in de NodeList.

De property length is alleen lezen.

Voorbeeld

Voorbeeld 1

Verkrijg het aantal afzonderlijke elementen in het document:

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

Probeer het zelf

Voorbeeld 2

Verkrijg de afzonderlijke elementen van het <body>-element:

const nodeList = document.body.childNodes;

Probeer het zelf

Voorbeeld 3

Haal het aantal subknopen in "myDIV" op:

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

Probeer het zelf

Voorbeeld 4

Hoeveel <p> elementen zijn er in "myDIV":

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

Probeer het zelf

Voorbeeld 5

Blaat alle <p> elementen in "myDIV" door en wijzig hun lettergrootte:

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

Probeer het zelf

Voorbeeld 6

Blaat alle subknopen door en verzamel de naam van elke knoop:

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

Probeer het zelf

Syntax

nodelist.length

Retourwaarde

Type Beschrijving
Getal Aantal knopen in NodeList.

Browserondersteuning

nodelist.length is een kenmerk van DOM Level 1 (1998).

Het wordt ondersteund door alle moderne browsers:

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

Gerelateerde pagina's

entries() Methode

forEach() Methode

item() Methode

keys() Methode

values() Methode

NodeList Object

childNodes() Methode

querySelectorAll() Methode

getElementsByName() Methode