访问节点
编辑教程访问节点
通过 DOM,您能够访问 XML 文档中的每个节点。
DOM 访问节点的方法有三种,分别是: |使用 getElementsByTagName() 方法| -| |通过循环(遍历)节点树 |利用节点的关系在节点树中导航
访问节点
您可以通过三种方式来访问节点:
通过使用 getElementsByTagName() 方法。 | |
---|---|
通过循环(遍历)节点树。 | |
通过利用节点的关系在节点树中导航。 |
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("books.xml");
x=xmlDoc.getElementsByTagName("title");
可通过索引号访问 x 中的 <title> 元素。如需访问第三个 <title>,您可以编写:
y=x[2];
注意:该索引从 0 开始。
在本教程后面的章节中,您将学习更多有关节点列表(Node List)的知识。
DOM 节点列表长度(Node List Length)
length 属性定义节点列表的长度(即节点的数量)。
您可以通过使用 length 属性来遍历节点列表:
xmlDoc=loadXMLDoc("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 属性是节点的类型。 |
遍历节点
下面的代码遍历根节点的子节点,同时也是元素节点:
xmlDoc=loadXMLDoc("books.xml");
x=xmlDoc.documentElement.childNodes;
for (i=0;i<x.length;i++)
{
if (x[i].nodeType==1)
{//Process only element nodes (type 1)
document.write(x[i].nodeName);
document.write("
");
}
}
实例解释:
使用 loadXMLDoc() 把 "books.xml" 载入 xmlDoc 中 | |
---|---|
获取根元素的子节点 | |
检查每个子节点的节点类型。如果节点类型是 "1",则是元素节点 | |
如果是元素节点,则输出节点的名称 |
导航节点的关系
下面的代码使用节点关系导航节点树:
xmlDoc=loadXMLDoc("books.xml");
x=xmlDoc.getElementsByTagName("book")[0].childNodes;
y=xmlDoc.getElementsByTagName("book")[0].firstChild;
for (i=0;i<x.length;i++)
{
if (y.nodeType==1)
{//Process only element nodes (type 1)
document.write(y.nodeName + "
");
}
y=y.nextSibling;
}
使用 loadXMLDoc() 把 "books.xml" 载入 xmlDoc 中 | |
---|---|
获取第一个 book 元素的子节点 | |
把 "y" 变量设置为第一个 book 元素的第一个子节点 | |
对于每个子节点(第一个子节点从 "y" 开始),检查节点类型,如果节点类型为 "1",则是元素节点 | |
如果是元素节点,则输出该节点的名称 | |
把 "y" 变量设置为下一个同级节点,并再次运行循环 |
Mos固件,小电视必刷固件
ES6 教程
Vue.js 教程
JSON 教程
jQuery 教程
HTML 教程
HTML 5 教程
CSS 教程
CSS3 教程
JavaScript 教程
DHTML 教程
JSON在线格式化工具
JS在线运行
JSON解析格式化
jsfiddle中国国内版本
JS代码在线运行
PHP代码在线运行
Java代码在线运行
C语言代码在线运行
C++代码在线运行
Python代码在线运行
Go语言代码在线运行
C#代码在线运行
JSRUN闪电教程系统是国内最先开创的教程维护系统, 所有工程师都可以参与共同维护的闪电教程,让知识的积累变得统一完整、自成体系。
大家可以一起参与进共编,让零散的知识点帮助更多的人。
X
选择支付方式:
立即支付
¥
9.99
无法付款,请点击这里
金额: 0 元
备注:
转账时请填写正确的金额和备注信息,到账由人工处理,可能需要较长时间
备注:
转账时请填写正确的金额和备注信息,到账由人工处理,可能需要较长时间
如有疑问请联系QQ:565830900
正在生成二维码, 此过程可能需要15秒钟