导航节点的关系

简介: 这段代码演示了如何在XML文档中遍历节点关系。通过`loadXMLDoc()`加载"books.xml",然后获取第一个`<book>`元素的子节点。使用`firstChild`和`nextSibling`属性遍历这些节点,检查节点类型,当遇到元素节点(type为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)
{
// 输出节点名
document.write(y.nodeName + "");
}
y=y.nextSibling;
}

尝试一下 »

使用 loadXMLDoc() 把 "books.xml" 载入 xmlDoc 中
获取第一个 book 元素的子节点
把 "y" 变量设置为第一个 book 元素的第一个子节点
对于每个子节点(第一个子节点从 "y" 开始),检查节点类型,如果节点类型为 "1",则是元素节点
如果是元素节点,则输出该节点的名称
把 "y" 变量设置为下一个同级节点,并再次运行循环

相关文章
|
1月前
|
JavaScript 前端开发
关于键盘导航顺序和 tabindex 属性的关联关系
关于键盘导航顺序和 tabindex 属性的关联关系
33 0
|
5天前
|
XML 数据格式
导航节点的关系
这段代码演示了如何遍历XML文档中的节点关系。它加载&quot;books.xml&quot;,获取第一个&quot;book&quot;元素的子节点,然后遍历这些子节点,检查并打印出所有元素节点的名称。通过`nextSibling`属性,代码逐个处理同级节点。
|
13天前
|
XML JavaScript 前端开发
导航节点的关系
这段代码演示了如何在JavaScript中遍历XML文档的`&lt;book&gt;`元素的子节点。它加载&quot;books.xml&quot;,获取第一个`&lt;book&gt;`的子节点列表,然后通过`firstChild`和`nextSibling`属性逐个检查并输出元素节点的名称。
|
1月前
|
JavaScript 前端开发
【vue】设计组织机构树,增删改查,右键导航树弹出菜单对点前节点增删改,特殊字符校验
【vue】设计组织机构树,增删改查,右键导航树弹出菜单对点前节点增删改,特殊字符校验
26 1
|
7月前
带有上下级关系的数据改为树形菜单的数据
带有上下级关系的数据改为树形菜单的数据
28 0
|
8月前
27zTree - 拖拽节点基本控制
27zTree - 拖拽节点基本控制
20 0
|
C语言
labview节点公式节点反馈节点表达节点属性节点
labview节点公式节点反馈节点表达节点属性节点
194 0
|
XML JavaScript 数据格式
Bpmn 节点与连线部分属性整理
Bpmn 节点与连线部分属性整理
1505 0
|
前端开发 JavaScript 信息无障碍
导航条-组件结构分析|学习笔记
快速学习 导航条-组件结构分析
143 0
导航条-组件结构分析|学习笔记

热门文章

最新文章