XML DOM 访问节点

通过 DOM,我们能够访问 XML 文档中的每个节点

访问节点

我们可以通过三种方式来访问节点

  1. 通过使用 getElementsByTagName() 方法

  2. 通过循环遍历节点树

  3. 通过利用节点的关系在节点树中导航

getElementsByTagName() 方法

getElementsByTagName() 返回拥有指定标签名的所有元素

语法

node.getElementsByTagName( "tagname" );

范例

下面的范例返回 x 元素下的所有 <title> 元素

x.getElementsByTagName("title");

上面的范例仅返回 x 节点下的 <title> 元素

如需返回 XML 文档中的所有 <title> 元素,请使用

xmlDoc.getElementsByTagName("title");

在这里,xmlDoc 就是文档本身

DOM 节点列表(Node List)

getElementsByTagName() 方法返回节点列表

节点列表是节点的数组

下面的代码使用 loadXMLDoc() 把 " books.xml " 载入 xmlDoc 中

然后在变量 x 中存储 <title> 节点的一个列表

xmlDoc=loadXMLDoc("/static/media/dom/books.xml");
x=xmlDoc.getElementsByTagName("title");

最后可以通过索引号访问 x 中的 <title> 元素

比如访问第三个 <title> 可以使用

y=x[2];

该索引从 0 开始

DOM 节点列表长度

length 属性定义节点列表中节点的数量

我们可以通过使用 length 属性来遍历节点列表

var xmlDoc = loadXMLDoc("/static/media/dom/books.xml"); 

x=xmlDoc.getElementsByTagName("title");  

for (i=0;i<x.length;i++)
{
  document.write(x[i].childNodes[0].nodeValue);   
  document.write("");
}

运行范例 »

使用 loadXMLDoc() 把 " books.xml " 载入 xmlDoc 中

获取所有 <title> 元素节点

输出每个 <title> 元素的文本节点的值

节点类型(Node Types)

XML 文档的 documentElement 属性是根节点

节点的 nodeName 属性是节点的名称

节点的 nodeType 属性是节点的类型

我们会在下一章节中学习学习更多有关节点属性的知识

运行范例 »

遍历节点

下面的代码遍历根节点的子节点同时也是元素节点

var xmlDoc = loadXMLDoc("/static/media/dom/books.xml");   

var x = xmlDoc.documentElement.childNodes;  

for (i=0;i<x.length;i++)
{
  if (x[i].nodeType==1)   
  {
    // 执行一次
    document.write(x[i].nodeName);   
    document.write("");
  }
}

运行范例 »

使用 loadXMLDoc() 把 " books.xml " 载入 xmlDoc 中

获取根元素的子节点

检查每个子节点的节点类型。如果节点类型是 "1",则是元素节点

如果是元素节点,则输出节点的名称

导航节点的关系

下面的范例使用节点关系导航节点树

var xmlDoc = loadXMLDoc("/static/media/dom/books.xml");  

var x = xmlDoc.getElementsByTagName("book")[0].childNodes;  
var y = xmlDoc.getElementsByTagName("book")[0].firstChild;  

for (i=0;i<x.length;i++)
{
    if (y.nodeType==1)        
    {
        // 输出节点名
        document.write(y.nodeName + "");  
    }

    y=y.nextSibling;  
}

运行范例 »

使用 loadXMLDoc() 把 " books.xml " 载入 xmlDoc 中

获取第一个 book 元素的子节点

把 "y" 变量设置为第一个 book 元素的第一个子节点

对于每个子节点(第一个子节点从 "y" 开始),检查节点类型,如果节点类型为 "1",则是元素节点

如果是元素节点,则输出该节点的名称

把 "y" 变量设置为下一个同级节点,并再次运行循环

范例列表

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

函数 loadXMLDoc() 是外部 JavaScript 文件,用于加载 XML 文件

  1. 使用节点列表中的索引号来访问节点

    使用 getElementsByTagname() 方法来获取 "/static/media/dom/books.xml" 中的第三个 <title> 元素

  2. 使用 length 属性来遍历节点

    使用 length 属性来遍历 "/static/media/dom/books.xml" 中的所有 <title> 元素

  3. 查看元素的节点类型

    使用 nodeType 属性来获取 "/static/media/dom/books.xml" 中根元素的节点类型

  4. 遍历元素节点

    使用 nodeType 属性来处理 "/static/media/dom/books.xml" 中的元素节点

  5. 使用节点的关系来遍历元素节点

    使用 nodeType 属性和 nextSibling 属性来处理 "/static/media/dom/books.xml" 中的元素节点

XML DOM 基础教程

关于   |   FAQ   |   我们的愿景   |   广告投放   |  博客

  简单教程,简单编程 - IT 入门首选站

Copyright © 2013-2022 简单教程 twle.cn All Rights Reserved.