XML DOM childNodes Property


❮ Node Object

Example

The following code fragment loads "books.xml" into xmlDoc and displays the child nodes of the XML document:

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 x, i, xmlDoc, txt;
    xmlDoc = xml.responseXML;
    txt = "";
    x = xmlDoc.childNodes;
    for (i = 0; i < x.length; i++) {
        txt += "Nodename: " + x[i].nodeName +
        " (nodetype: " + x[i].nodeType + ")";
    }
    document.getElementById("demo").innerHTML = txt;
}

The output of the code above will be:

Nodename: bookstore (nodetype: 1)

Output IE9 and earlier:

Nodename: xml (nodetype: 7)
Nodename: bookstore (nodetype: 1)
Try it Yourself »

Definition and Usage

The childNodes property returns a NodeList of child nodes for the specified node.

Tip: You can use the length property to determine the number of child nodes, then you can loop through all child nodes and extract the info you want.


Browser Support

Internet Explorer Firefox Opera Google Chrome Safari

The childNodes property is supported in all major browsers.


Syntax

nodeObject.childNodes

Technical Details

Return Value: A NodeList object representing a collection of nodes
DOM Version Core Level 1

Try-It-Yourself Demos

Display all child nodes of all the elements in the XML document


❮ Node Object
Copyright 1999-2023 by Refsnes Data. All Rights Reserved.