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 (xhttp.readyState == 4 && xhttp.status == 200) {
myFunction(xhttp);
}
};
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
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
