天天看點

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

執行個體解釋:

将 XML 字元串載入 xmlDoc 中

擷取根元素的子節點

輸出每個子節點的節點名稱以及文本節點的節點值