XML DOM Traverse Node Tree
Traversing means looping through or traveling across the node tree.
Traversing the Node Tree
Often you want to loop an XML document, for example: when you want to extract the value of each element.
This is called "Traversing the node tree"
The example below loops through all child nodes of <book>, and displays their names and values:
Example
<html>
<head>
<script src="loadxmlstring.js"></script>
</head>
<body>
<script>
var
text="<book>";
text=text+"<title>Everyday Italian</title>";
text=text+"<author>Giada De Laurentiis</author>";
text=text+"<year>2005</year>";
text=text+"</book>";
var
xmlDoc=loadXMLString(text);
// documentElement always represents the root node
var
x=xmlDoc.documentElement.childNodes;
for (i=0;i<x.length;i++)
{
document.write(x[i].nodeName);
document.write(": ");
document.write(x[i].childNodes[0].nodeValue);
document.write("<br>");
}
</script>
</body>
</html>
Output:
title: Everyday Italian
author: Giada De Laurentiis
year: 2005
Try it yourself »
Example explained:
- loadXMLString() loads the XML string into xmlDoc
- Get the child nodes of the root element
- For each child node, output the node name and the node value of the text
node
Color Picker