可通過使用節點間的關系對節點進行導航。
通過節點間的關系通路節點樹中的節點,通常稱為導航節點("navigating nodes")。
在 XML DOM 中,節點的關系被定義為節點的屬性:
parentNode
childNodes
firstChild
lastChild
nextSibling
previousSibling
下面的圖像展示了 books.xml 中節點樹的一個部分,并說明了節點之間的關系:
所有的節點都僅有一個父節點。下面的代碼導航到 <book> 的父節點:
xmlDoc=loadXMLDoc("books.xml");
x=xmlDoc.getElementsByTagName("book")[0];
document.write(x.parentNode.nodeName);
執行個體解釋:
使用 loadXMLDoc() 把 "books.xml" 載入 xmlDoc 中
擷取第一個 <book> 元素
輸出 "x" 的父節點的節點名稱
Firefox 以及其他一些浏覽器,把空的空白或換行當作文本節點,而 Internet Explorer 不會這麼做。
這會在使用以下屬性:firstChild、lastChild、nextSibling、previousSibling 時産生一個問題。
為了避免導航到空的文本節點(元素節點之間的空格和換行符),我們使用一個函數來檢查節點類型:
上面的函數允許您使用 get_nextSibling(node)來代替 node.nextSibling 屬性。
代碼解釋:
元素節點的類型是 1。如果同級節點不是元素節點,就移動到下一個節點,直到找到元素節點為止。通過這個辦法,在 Internet Explorer 和 Firefox 中,都可以得到相同的結果。
下面的代碼顯示第一個 <book> 的第一個元素:
<html>
<head>
<script src="loadxmldoc.js">
</script>
<script>
// 檢測第一個節點是否為元素節點
function get_firstChild(n)
{
y=n.firstChild;
while (y.nodeType!=1)
y=y.nextSibling;
}
return y;
</head>
<body>
x=get_firstChild(xmlDoc.getElementsByTagName("book")[0]);
document.write(x.nodeName);
</body>
</html>
輸出:
title
在第一個 <book> 元素上使用 get_firstChild 函數,來擷取第一個子節點(屬于元素節點)
輸出第一個子節點(屬于元素節點)的節點名稱
lastChild()
本例使用 lastChild() 方法和一個自定義函數來擷取節點的最後一個子節點
nextSibling()
本例使用 nextSibling() 方法和一個自定義函數來擷取節點的下一個同級節點
previousSibling()
本例使用 previousSibling() 方法和一個自定義函數來擷取節點的上一個同級節點