top
Loading...
XML DOM – 遍歷節點樹

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. 輸出每個子節點的節點名稱以及文本節點的節點值

北斗有巢氏 有巢氏北斗