您现在的位置： 365建站网 > 建站教程 > XML DOM 教程 > XML DOM 定位节点

XML DOM 定位节点

此节有 201 人学习过参与评论

可通过使用节点间的关系对节点进行定位。

实例

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

函数 loadXMLDoc()，位于外部 JavaScript 中，用于加载 XML 文件。

获取节点的父节点: 本例使用 parentNode 属性来获取节点的父节点。
获取节点的首个子节点: 本例使用 firstChild() 方法和一个自定义函数来获取一个节点的首个子节点。

定位 DOM 节点

通过节点间的关系访问节点树中的节点，通常称为定位节点（"navigating nodes"）。

在 XML DOM 中，节点的关系被定义为节点的属性：

parentNode
childNodes
firstChild
lastChild
nextSibling
previousSibling

下面的图像展示了 books.xml 中节点树的一个部分，并说明了节点之间的关系：

DOM - 父节点

所有的节点都仅有一个父节点。下面的代码定位到 <book> 的父节点：

xmlDoc=loadXMLDoc("books.xml");

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

例子解释：

通过使用 loadXMLDoc() 把 "books.xml" 载入到 xmlDoc 中
获取第一个 <book> 元素
输出 "x" 的父节点的节点名

亲自试一试

避免空的文本节点

Firefox，以及其他一些浏览器，把空的空白或换行当作文本节点，而 IE 不会这么做。

这会在使用下列属性使产生一个问题：firstChild、lastChild、nextSibling、previousSibling。

为了避免定位到空的文本节点（元素节点之间的空格和换行符号），我们使用一个函数来检查节点的类型：

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

有了上面的函数，我们就可以使用 get_nextSibling(node) 来代替 node.nextSibling 属性。

代码解释：

元素节点的类型是 1。如果同级节点不是元素节点，就移动到下一个节点，直到找到元素节点为止。通过这个办法，在 IE 和 Firefox 中，都可以得到相同的结果。

获取第一个元素

下面的代码显示第一个 <book> 的第一个元素节点：

<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

例子解释：

通过使用 loadXMLDoc() 把 "books.xml" 载入 xmlDoc 中
在第一个 <book> 上使用 get_firstChild 函数，来获取元素节点中的第一个子节点
输出第一个子节点（属于元素节点）的节点名

亲自试一试

实例

下面的例子使用相似的函数：

firstChild: 亲自试一试
lastChild: 亲自试一试
nextSibling: 亲自试一试
previousSibling: 亲自试一试

如对本文有疑问，请提交到交流论坛，广大热心网友会为你解答！！点击进入论坛

您可能感兴趣的文章:

发表评论 (201人查看，0条评论): 请自觉遵守互联网相关的政策法规，严禁发布色情、暴力、反动的言论。

昵称：

最新评论

------分隔线----------------------------

XML DOM 教程目录

XML DOM 定位节点

实例

定位 DOM 节点

DOM - 父节点

例子解释：

避免空的文本节点

代码解释：

获取第一个元素

例子解释：

实例

您可能感兴趣的文章:

公司信息

快速入口

其它栏目

业务咨询