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
author: Giada De Laurentiis
year: 2005
實例解釋：
- 將 XML 字串載入 xmlDoc 中
- 獲取根元素的子節點
- 輸出每個子節點的節點名稱以及文本節點的節點值