XML DOM 遍历节点树

遍历（Traverse）意味着在节点树中进行循环或移动。

遍历节点树

通常您想要循环 XML 文档，比如：当您需要提取每个元素的值时。

这叫做\”遍历节点树\”。

下面的实例遍历 <book> 的所有子节点，并显示他们的名称和值：

实例

<!DOCTYPE html>
<html>
<body>
 
<p id="demo"></p>
 
<script>var x, i ,xmlDoc;
var txt = "";
var text = "<book>" + 
"<title>Everyday Italian</title>" +
"<author>Giada De Laurentiis</author>" +
"<year>2005</year>" +
"</book>";
 
parser = new DOMParser();
xmlDoc = parser.parseFromString(text,"text/xml");
 
// documentElement 表示根节点
x = xmlDoc.documentElement.childNodes;
for (i = 0; i < x.length ;i++) {
    txt += x[i].nodeName + ": " + x[i].childNodes[0].nodeValue + "<br>";
}
document.getElementById("demo").innerHTML = txt;</script>
 
</body>
</html>

输出：

title: Everyday Italian

author: Giada De Laurentiis

year: 2005

实例解释：

  1. 将 XML 字符串载入 xmlDoc 中
  2. 获取根元素的子节点
  3. 输出每个子节点的节点名称以及文本节点的节点值