HTML DOM Element childNodes Eigenschaft

Definition und Verwendung

childNodes Das Attribut gibt die Sammlung der Kindknoten des Elements zurück (Liste).

childNodes Das Attribut gibt ein NodeList-Objekt zurück.

childNodes Das Attribut ist schreibgeschützt.

childNodes[0] Gleich wie firstChild.

Hinweis

childNodes Gibt den Knoten zurück: Elementknoten, Textknoten und Kommentar-knoten.

Der Leerzeichen zwischen Elementen sind auch Textknoten.

Alternativlösung:

children Eigenschaft - children Das Attribut gibt die Kindelemente zurück (ignoriert Text und Kommentare).

Bitte lesen Sie auch:

firstChild Eigenschaft

lastChild Eigenschaft

nextSibling Eigenschaft

previousSibling Eigenschaft

hasChildNodes() Methode

Knotenattribut

parentNode Eigenschaft

nodeName Eigenschaft

nodeType-Eigenschaft

nodeValue-Eigenschaft

HTML-Knoten und Elemente

in HTML DOM（Dokumentobjektmodell）, ein HTML-Dokument ist eine Sammlung von Knoten (oder ohne) Kindknoten.

Knotenbezieht sich auf Elementknoten、Textknoten und Anmerkungs节点.

ElementLeerzeichen zwischen den Elementen sind ebenfalls Textknoten.

und Elemente sind nur Elementknoten.

Kindknoten und Kindelemente

childNodes rücktKindknoten（Elementknoten、Textknoten und Anmerkungs节点）。

children rücktKindelemente（nicht Text- und Anmerkungs节点）。

Kinder und Elementkinder

Kindersind "Brüder" und "Schwestern".

Kindersind Knoten, die denselben Knoteneltern haben (in derselben childNodes in der Liste）。

Elementkindersind Elemente, die denselben Elternteil haben (in derselben children in der Liste）。

Beispiel

Beispiel 1

Die Kindknoten des <body>-Elements abrufen:

const nodeList = document.body.childNodes;

Selbst ausprobieren

Beispiel 2

Die Anzahl der Kindknoten in "myDIV" abrufen:

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

Selbst ausprobieren

Beispiel 3

Die Hintergrundfarbe des zweiten Kindknotens ändern:

element.childNodes[1].style.backgroundColor = "yellow";

Selbst ausprobieren

Beispiel 4

Den Text des dritten Kindknotens des <select>-Elements abrufen:

let text = document.getElementById("mySelect").childNodes[2].text;

Selbst ausprobieren

Syntax

element.childNodes

Rückgabewert

Typ Beschreibung
Objekt

Knoten-NodeList-Objektmenge.

Knoten werden in der Reihenfolge ihrer Erscheinung im Dokument sortiert.

Browserkompatibilität

element.childNodes ist eine Eigenschaft von DOM Level 1 (1998).

Es wird von allen Browsern vollständig 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