通过 DOM,能够访问 XML 文档中的每个节点。
访问节点
您可以通过三种方式来访问节点:
- 通过使用 getElementsByTagName() 方法。
- 通过循环(遍历)节点树。
- 通过利用节点的关系在节点树中导航。
getElementsByTagName() 方法
getElementsByTagName() 返回拥有指定标签名的所有元素。
语法
node.getElementsByTagName("tagname");
实例
下面的实例返回 x 元素下的所有 元素:
x.getElementsByTagName("title");
请注意,上面的实例仅返回 x 节点下的 元素。如需返回 XML 文档中的所有 元素,请使用:
xmlDoc.getElementsByTagName("title");
在这里,xmlDoc 就是文档本身(文档节点)。
DOM 节点列表(Node List)
getElementsByTagName() 方法返回节点列表。节点列表是节点的数组。
下面的代码使用 loadXMLDoc() 把 "books.xml" 载入 xmlDoc 中,然后在变量 x 中存储 节点的一个列表:
xmlDoc=loadXMLDoc("books.xml"); x=xmlDoc.getElementsByTagName("title");
可通过索引号访问 x 中的 元素。如需访问第三个,您可以编写:
y=x[2];
注意:该索引从 0 开始。
在本教程后面的章节中,您将学习更多有关节点列表(Node List)的知识。
DOM 节点列表长度(Node List Length)
length 属性定义节点列表的长度(即节点的数量)。
您可以通过使用 length 属性来遍历节点列表:
实例
xmlDoc=loadXMLDoc("books.xml"); x=xmlDoc.getElementsByTagName("title"); for (i=0;i关注打赏
最近更新
- 深拷贝和浅拷贝的区别(重点)
- 【Vue】走进Vue框架世界
- 【云服务器】项目部署—搭建网站—vue电商后台管理系统
- 【React介绍】 一文带你深入React
- 【React】React组件实例的三大属性之state,props,refs(你学废了吗)
- 【脚手架VueCLI】从零开始,创建一个VUE项目
- 【React】深入理解React组件生命周期----图文详解(含代码)
- 【React】DOM的Diffing算法是什么?以及DOM中key的作用----经典面试题
- 【React】1_使用React脚手架创建项目步骤--------详解(含项目结构说明)
- 【React】2_如何使用react脚手架写一个简单的页面?