HTML DOM-element childNodes
Het Element-objectVoorbeeld
Haal de onderliggende knooppunten van het <body>-element op:
const nodeList = document.body.childNodes;
Hieronder meer voorbeelden.
Definitie en gebruik
De childNodes
eigenschap retourneert een verzameling (lijst) van de onderliggende knooppunten van een element.
De childNodes
eigenschap retourneert een NodeList-object.
De childNodes
eigenschap is alleen-lezen.
Opmerking
Witruimte binnen elementen wordt beschouwd als tekstknooppunten.
Opmerkingen worden ook als knooppunten beschouwd.
childNodes[0]
is hetzelfde als firstChild
.
Een verschil
De childNodes
eigenschap retourneert alle onderliggende knooppunten , inclusief tekstknooppunten en commentaarknooppunten, terwijl de children
eigenschap alleen de onderliggende elementen retourneert .
Zie ook:
Knooppuntlijst
Een NodeList is een array-achtige verzameling (lijst) van Node Objects.
Een NodeList heeft een lengte - eigenschap die het aantal knooppunten in de lijst retourneert.
De knooppunten zijn toegankelijk via indexnummers. De index begint bij 0.
Syntaxis
element.childNodes
Winstwaarde
Type | Beschrijving |
Object | Een NodeList- objectverzameling van knooppunten. De knooppunten worden gesorteerd zoals ze in het document worden weergegeven. |
Meer voorbeelden
Het aantal onderliggende knooppunten in een <div>-element:
let numb = document.getElementById("myDIV").childNodes.length;
Wijzig de achtergrondkleur van het tweede onderliggende knooppunt:
document.getElementById("myDIV").childNodes[1].style.backgroundColor = "yellow";
Haal de tekst op van het derde onderliggende knooppunt van een <select> element:
let text = document.getElementById("mySelect").childNodes[2].text;
Gerelateerde pagina's
De eigenschap parentNode van het element
Het element nextSibling Property
Browserondersteuning
element.childNodes
is een DOM Level 1 (1998)-functie.
Het wordt volledig ondersteund in alle browsers:
Chrome | IE | Edge | Firefox | Safari | Opera |
Yes | 9-11 | Yes | Yes | Yes | Yes |
Het Element-object