XML DOM 定位節(jié)點

可通過使用節(jié)點間的關系對節(jié)點進行定位。

目錄: 1、實例; 2、定位 DOM 節(jié)點; 3、DOM - 父節(jié)點; 4、例子解釋：; 5、避免空的文本節(jié)點; 6、代碼解釋：; 7、獲取第一個元素; 8、例子解釋：; 9、實例

實例

下面的例子使用 XML 文件 books.xml。

函數(shù) loadXMLDoc()，位于外部 JavaScript 中，用于加載 XML 文件。

獲取節(jié)點的父節(jié)點: 本例使用 parentNode 屬性來獲取節(jié)點的父節(jié)點。
獲取節(jié)點的首個子節(jié)點: 本例使用 firstChild() 方法和一個自定義函數(shù)來獲取一個節(jié)點的首個子節(jié)點。

定位 DOM 節(jié)點

通過節(jié)點間的關系訪問節(jié)點樹中的節(jié)點，通常稱為定位節(jié)點（"navigating nodes"）。

在 XML DOM 中，節(jié)點的關系被定義為節(jié)點的屬性：

parentNode
childNodes
firstChild
lastChild
nextSibling
previousSibling

下面的圖像展示了 books.xml 中節(jié)點樹的一個部分，并說明了節(jié)點之間的關系：

DOM - 父節(jié)點

所有的節(jié)點都僅有一個父節(jié)點。下面的代碼定位到 <book> 的父節(jié)點：

xmlDoc=loadXMLDoc("books.xml"); x=xmlDoc.getElementsByTagName("book")[0]; document.write(x.parentNode.nodeName);

例子解釋：

通過使用 loadXMLDoc() 把 "books.xml" 載入到 xmlDoc 中
獲取第一個 <book> 元素
輸出 "x" 的父節(jié)點的節(jié)點名

TIY

避免空的文本節(jié)點

Firefox，以及其他一些瀏覽器，把空的空白或換行當作文本節(jié)點，而 IE 不會這么做。

這會在使用下列屬性使產(chǎn)生一個問題：firstChild、lastChild、nextSibling、previousSibling。

為了避免定位到空的文本節(jié)點（元素節(jié)點之間的空格和換行符號），我們使用一個函數(shù)來檢查節(jié)點的類型：

function get_nextSibling(n) { y=n.nextSibling; while (y.nodeType!=1) { y=y.nextSibling; } return y; }

有了上面的函數(shù)，我們就可以使用 get_nextSibling(node) 來代替 node.nextSibling 屬性。

代碼解釋：

元素節(jié)點的類型是 1。如果同級節(jié)點不是元素節(jié)點，就移動到下一個節(jié)點，直到找到元素節(jié)點為止。通過這個辦法，在 IE 和 Firefox 中，都可以得到相同的結果。

獲取第一個元素

下面的代碼顯示第一個 <book> 的第一個元素節(jié)點：

<html> <head> <script type="text/javascript" src="loadxmldoc.js"> </script> <script type="text/javascript"> //check if the first node is an element node function get_firstChild(n) { y=n.firstChild; while (y.nodeType!=1) { y=y.nextSibling; } return y; } </script> </head> <body> <script type="text/javascript"> xmlDoc=loadXMLDoc("books.xml"); x=get_firstChild(xmlDoc.getElementsByTagName("book")[0]); document.write(x.nodeName); </script> </body> </html>

輸出：