Beispiel
Hier finden Sie eine Sammlung der <body> Element des Kindes Knoten:
var c =
document.body.childNodes; Versuch es selber " Mehr "Try it Yourself" Sie "Try it Yourself" Beispiele unten.
Definition und Verwendung
Die Eigenschaft childnodes gibt eine Auflistung eines Kinder Knoten Knoten, als NodeList Objekt.
Die Knoten in der Sammlung werden sortiert, wie sie im Quellcode angezeigt und kann durch Indexnummern zugegriffen werden. Der Index beginnt bei 0.
Hinweis: Leerzeichen innerhalb Elemente werden als Text und Text wird als Knoten betrachtet. Kommentare werden auch als Knoten angesehen.
Tipp: Sie können die Verwendung Länge Eigenschaft des NodeList Objekt die Anzahl der untergeordneten Knoten bestimmen, dann können Sie eine Schleife durch alle untergeordneten Knoten und extrahieren Sie die Informationen , die Sie wollen.
Diese Eigenschaft ist schreibgeschützt.
Tipp: eine Sammlung eines Knotens Elementknoten zurückzukehren (excluding text and comment nodes) - (excluding text and comment nodes) , verwenden Sie die Kinder Eigenschaft.
Tipp: Element .childNodes [0] wird das gleiche Ergebnis wie die Herstellung von first Eigenschaft.
Browser-Unterstützung
| Eigentum | |||||
|---|---|---|---|---|---|
| childNodes | Ja | Ja | Ja | Ja | Ja |
Syntax
element .childNodesTechnische Details
| Rückgabewert: | Ein NodeList Gegenstand, die eine Sammlung von Knoten. Die Knoten in der zurückgegebenen Auflistung sortiert werden, wie sie im Quelltext erscheinen |
|---|---|
| DOM Version | Core Level 1 Element Object |
Mehr Beispiele
Beispiel
Finden Sie heraus , wie viele Kindknoten ein <div> Element hat:
var c =
document.getElementById("myDIV").childNodes.length;Das Ergebnis von c wird:
5 Versuch es selber " Beispiel
Ändern Sie die Hintergrundfarbe des zweiten Kindknoten (index 1) eines <div> Element:
var c = document.getElementById("myDIV").childNodes;
c[1].style.backgroundColor = "yellow"; Versuch es selber " Beispiel
Holen Sie sich den Text des dritten untergeordneten Knoten (index 2) ein <select> Element:
var c = document.getElementById("mySelect").childNodes[2].text;Das Ergebnis von c wird:
Saab Versuch es selber " Verwandte Seiten
HTML - DOM - Referenz: Knoten. first Immobilien
HTML - DOM - Referenz: Knoten. lastchild Immobilien
HTML - DOM - Referenz: Knoten. parentNode Immobilien
HTML - DOM - Referenz: Knoten. nextSibling Immobilien
HTML - DOM - Referenz: Knoten. previousSibling Immobilien
HTML - DOM - Referenz: Knoten. nodeName Immobilien