XML DOM 定位節(jié)點(diǎn)
可通過(guò)使用節(jié)點(diǎn)間的關(guān)系對(duì)節(jié)點(diǎn)進(jìn)行定位。
實(shí)例
下面的例子使用 XML 文件 books.xml。
函數(shù) loadXMLDoc()，位于外部 JavaScript 中，用于加載 XML 文件。
- 獲取節(jié)點(diǎn)的父節(jié)點(diǎn)
- 本例使用 parentNode 屬性來(lái)獲取節(jié)點(diǎn)的父節(jié)點(diǎn)。
- 獲取節(jié)點(diǎn)的首個(gè)子節(jié)點(diǎn)
- 本例使用 firstChild() 方法和一個(gè)自定義函數(shù)來(lái)獲取一個(gè)節(jié)點(diǎn)的首個(gè)子節(jié)點(diǎn)。
定位 DOM 節(jié)點(diǎn)
通過(guò)節(jié)點(diǎn)間的關(guān)系訪問(wèn)節(jié)點(diǎn)樹(shù)中的節(jié)點(diǎn)，通常稱為定位節(jié)點(diǎn) （"navigating nodes"）。
在 XML DOM 中，節(jié)點(diǎn)的關(guān)系被定義為節(jié)點(diǎn)的屬性：
- parentNode
- childNodes
- firstChild
- lastChild
- nextSibling
- previousSibling
下面的圖像展示了 books.xml 中節(jié)點(diǎn)樹(shù)的一個(gè)部分，并說(shuō)明了節(jié)點(diǎn)之間的關(guān)系：
DOM - 父節(jié)點(diǎn)
所有的節(jié)點(diǎn)都僅有一個(gè)父節(jié)點(diǎn)。下面的代碼定位到 <book> 的父節(jié)點(diǎn)：
xmlDoc=loadXMLDoc("books.xml");
x=xmlDoc.getElementsByTagName("book")[0];
document.write(x.parentNode.nodeName);
例子解釋?zhuān)?/h3>
- 通過(guò)使用 loadXMLDoc() 把 "books.xml" 載入到 xmlDoc 中
- 獲取第一個(gè) <book> 元素
- 輸出 "x" 的父節(jié)點(diǎn)的節(jié)點(diǎn)名
避免空的文本節(jié)點(diǎn)
Firefox，以及其他一些瀏覽器，把空的空白或換行當(dāng)作文本節(jié)點(diǎn)，而 IE 不會(huì)這么做。
這會(huì)在使用下列屬性使產(chǎn)生一個(gè)問(wèn)題：firstChild、lastChild、nextSibling、previousSibling。
為了避免定位到空的文本節(jié)點(diǎn)（元素節(jié)點(diǎn)之間的空格和換行符號(hào)），我們使用一個(gè)函數(shù)來(lái)檢查節(jié)點(diǎn)的類(lèi)型：
function get_nextSibling(n)
{
y=n.nextSibling;
while (y.nodeType!=1)
{
y=y.nextSibling;
}
return y;
}
有了上面的函數(shù)，我們就可以使用 get_nextSibling(node) 來(lái)代替 node.nextSibling 屬性。
代碼解釋?zhuān)?/h3>
元素節(jié)點(diǎn)的類(lèi)型是 1。如果同級(jí)節(jié)點(diǎn)不是元素節(jié)點(diǎn)，就移動(dòng)到下一個(gè)節(jié)點(diǎn)，直到找到元素節(jié)點(diǎn)為止。通過(guò)這個(gè)辦法，在 IE 和 Firefox 中，都可以得到相同的結(jié)果。
獲取第一個(gè)元素
下面的代碼顯示第一個(gè) <book> 的第一個(gè)元素節(jié)點(diǎn)：
<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>
輸出：
title
例子解釋?zhuān)?/h3>
- 通過(guò)使用 loadXMLDoc() 把 "books.xml" 載入 xmlDoc 中
- 在第一個(gè) <book> 上使用 get_firstChild 函數(shù)，來(lái)獲取元素節(jié)點(diǎn)中的第一個(gè)子節(jié)點(diǎn)
- 輸出第一個(gè)子節(jié)點(diǎn)（屬于元素節(jié)點(diǎn)）的節(jié)點(diǎn)名
實(shí)例
下面的例子使用相似的函數(shù)：
如對(duì)本文有疑問(wèn)，請(qǐng)?zhí)峤坏浇涣髡搲?，廣大熱心網(wǎng)友會(huì)為你解答?。?點(diǎn)擊進(jìn)入論壇
您可能感興趣的文章:
- xml發(fā)生錯(cuò)誤怎么解決
- HTML DOM Document applets 屬性的用法和實(shí)例代碼
- HTML5 DOM MenuItem 對(duì)象的用法和實(shí)例代碼
- html DOM對(duì)象用法和實(shí)例說(shuō)明
- IIS配置文件的XML格式不正確 applicationHost.config崩潰 恢復(fù)解決辦法
- PHP: 禁止 DomDocument::loadHTML() 對(duì)不規(guī)范的HTML輸出警告信息
- PHP DOM XPath獲取HTML節(jié)點(diǎn)和出現(xiàn)亂碼的解決方法
- fetch使用教程整理和XMLHttpRequest的區(qū)別
- C# Random.Next 產(chǎn)生隨機(jī)數(shù)的方法
- C#操作XML文檔的方法(XmlDocument、XmlNode、XmlAttribute、SelectSingleNode、SelectNodes)
