HTML DOM NodeList Attribut 'length'

Definition und Verwendung

Das Attribut 'length' gibt die Anzahl der Knoten im NodeList zurück.

Das Attribut 'length' ist schreibgeschützt.

Beispiel

Beispiel 1

Erhalten Sie die Anzahl der Kindknoten im Dokument:

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

Selbst ausprobieren

Beispiel 2

Erhalten Sie die Kindknoten des <body>-Elements:

const nodeList = document.body.childNodes;

Selbst ausprobieren

Beispiel 3

Gewinnen Sie die Anzahl der Kindknoten im "myDIV":

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

Selbst ausprobieren

Beispiel 4

Wie viele <p>-Elemente gibt es im "myDIV":

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

Selbst ausprobieren

Beispiel 5

Durchsuchen Sie alle <p>-Elemente im "myDIV" und ändern Sie ihre Zeichengröße:

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

Selbst ausprobieren

Beispiel 6

Durchsuchen Sie alle Kindknoten und sammeln Sie den Namen jedes Knotens:

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

Selbst ausprobieren

Syntax

nodelist.length

Rückgabewert

Typ Beschreibung
Zahl Anzahl der Knoten in NodeList.

Browserunterstützung

nodelist.length ist eine Eigenschaft des DOM Level 1 (1998).

Es wird von allen modernen Browsern unterstützt:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Unterstützung 9-11 Unterstützung Unterstützung Unterstützung Unterstützung

Verwandte Seiten

entries() Methode

forEach() Methode

item() Methode

keys() Methode

values() Methode

NodeList Objekt

childNodes() Methode

querySelectorAll() Methode

getElementsByName() Methode