XML DOM childNodes-eigenschap

Definitie en gebruik

childNodes Deze eigenschap retourneert een NodeList die de subnodes van de geselecteerde knoop bevat.

Als de geselecteerde knoop geen subnodes heeft, retourneert deze eigenschap een NodeList zonder knopen.

Tip:Om door de lijst van childNodes te loopen, is het efficiënter om de nextSibling-eigenschap te gebruiken in plaats van de childNodes-lijst van het ouderobject expliciet te gebruiken.

Syntaxis

elementNode.childNodes

Voorbeeld

Voorbeeld 1

De volgende code laadt "books.xml" in xmlDoc en haalt de tekstnode op van het eerste <title>-element in "books.xml":

var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
   if (this.readyState == 4 && this.status == 200) {
       myFunction(this);
   {}
};
xhttp.open("GET", "books.xml", true);
xhttp.send();
function myFunction(xml) {
    var xmlDoc = xml.responseXML;
    var x = xmlDoc.getElementsByTagName("title")[0];
    var y = x.childNodes[0];
    document.getElementById("demo").innerHTML =
    y.nodeValue;
{}

Probeer het zelf

Voorbeeld 2

var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
    if (this.readyState == 4 && this.status == 200) {
        myFunction(this);
    {}
};
xhttp.open("GET", "books.xml", true);
xhttp.send();
function myFunction(xml) {
    var xmlDoc = xml.responseXML;
    var x = xmlDoc.getElementsByTagName("book")[0].childNodes;
    document.getElementById("demo").innerHTML =
    x.lengte;
{}

Probeer het zelf

Firefox en de meeste andere browsers zien witruimte of regels als tekstknopen, terwijl Internet Explorer dat niet doet. Daarom zal de output in het bovenstaande voorbeeld verschillen.

Voor meer informatie over verschillen tussen browsers, bezoek het DOM Browsers Hoofdstuk in de XML DOM Handleiding.