HTML DOM childNodes Eigenschaft

HTML DOM Element-Objekt

childNodesDie schreibgeschützte Eigenschaft gibt die Sammlung der Unter-Knoten des angegebenen Elements zurück, wobei der Index des ersten Unter-Knotens 0 ist.

Die Knoten in der Sammlung sind nach ihrer Reihenfolge im Quellcode sortiert und können durch die Indexnummer erreicht werden.

Verwenden Sie die Property length, um die Anzahl der Unter-Knoten zu bestimmen, und können dann alle Unter-Knoten durchlaufen und die benötigte Information extrahieren.

Leere Blöcke im Element werden als Text betrachtet, und Text wird als Knoten betrachtet. Kommentare werden ebenfalls als Knoten betrachtet.

Um nur die Sammlung von Elementen (ohne Text- und Kommentar-Knoten) zu erhalten, verwenden SiechildrenEigenschaft.

nodeDie Verwendung von .childNodes[0] führt zu demselben ErgebnisfirstChildEigenschaft.

Syntax:

node.childNodes

var list = document.body.childNodes;

Kompatibilität des Browsers

Alle Browser unterstützen vollständig die Property childNodes:

Technische Details

Mehr Beispiele

Finden Sie heraus, wie viele Kindknoten das DIV-Element hat：

var len = document.querySelector("div").childNodes.length;

Ändern Sie den zweiten Kindknoten des DIV-Elements (Index1）hintergrundfarbe：

var nodes = document.querySelector("div").childNodes;
nodes[1].style.backgroundColor = "coral";

Zusammenhängende Referenzen

HTML DOM-Referenz:node .firstChild-Eigenschaft

HTML DOM-Referenz:node.lastChild-Eigenschaft

HTML DOM-Referenz:node.parentNode-Eigenschaft

HTML DOM-Referenz:node.nextSibling-Eigenschaft

HTML DOM-Referenz:node.previousSibling-Eigenschaft

HTML DOM-Referenz:node.nodeName-Eigenschaft

HTML DOM Element-Objekt