untergeordnete Knoten des HTML-DOM-Elements
Das Element-ObjektBeispiel
Rufen Sie die untergeordneten Knoten des <body>-Elements ab:
const nodeList = document.body.childNodes;
Weitere Beispiele unten.
Definition und Verwendung
Die childNodesEigenschaft gibt eine Sammlung (Liste) der untergeordneten Knoten eines Elements zurück.
Die childNodesEigenschaft gibt ein NodeList-Objekt zurück.
Die childNodesEigenschaft ist schreibgeschützt.
Notiz
Leerzeichen innerhalb von Elementen werden als Textknoten betrachtet.
Kommentare werden auch als Knoten betrachtet.
childNodes[0]ist das gleiche wie firstChild.
Ein Unterschied
Die childNodesEigenschaft gibt alle untergeordneten Knoten zurück , einschließlich Textknoten und Kommentarknoten, während die childrenEigenschaft nur die untergeordneten Elemente zurückgibt .
Siehe auch:
Die Element children-Eigenschaft
Knotenliste
Eine NodeList ist eine Array-ähnliche Sammlung (Liste) von Node-Objekten.
Eine NodeList hat eine Längeneigenschaft , die die Anzahl der Knoten in der Liste zurückgibt.
Auf die Knoten kann über Indexnummern zugegriffen werden. Der Index beginnt bei 0.
Syntax
element.childNodes
Rückgabewert
| Typ | Beschreibung |
| Objekt | Eine NodeList- Objektsammlung von Knoten. Die Knoten werden so sortiert, wie sie im Dokument erscheinen. |
Mehr Beispiele
Die Anzahl der untergeordneten Knoten in einem <div>-Element:
let numb = document.getElementById("myDIV").childNodes.length;
Ändern Sie die Hintergrundfarbe des zweiten untergeordneten Knotens:
document.getElementById("myDIV").childNodes[1].style.backgroundColor = "yellow";
Rufen Sie den Text des dritten untergeordneten Knotens eines <select>-Elements ab:
let text = document.getElementById("mySelect").childNodes[2].text;
Verwandte Seiten
Die parentNode-Eigenschaft des Elements
Die nextSibling-Eigenschaft des Elements
Browser-Unterstützung
element.childNodes ist eine Funktion von DOM Level 1 (1998).
Es wird in allen Browsern vollständig unterstützt:
| Chrome | IE | Edge | Firefox | Safari | Opera |
| Yes | 9-11 | Yes | Yes | Yes | Yes |
Das Element-Objekt