导航节点的关系

简介: 这段代码演示了如何在XML文档中遍历`<book>`元素的子节点。通过加载"books.xml"到`xmlDoc`,获取第一个`<book>`元素的子节点集合,然后使用`firstChild`和`nextSibling`属性逐个检查并输出元素节点的名称。

导航节点的关系

下面的代码使用节点关系导航节点树:
实例
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" 变量设置为下一个同级节点,并再次运行循环

相关文章
|
5天前
|
JavaScript 前端开发
关于键盘导航顺序和 tabindex 属性的关联关系
关于键盘导航顺序和 tabindex 属性的关联关系
31 0
|
3天前
|
XML 数据格式
导航节点的关系
这段代码演示了如何在XML文档中遍历`&lt;book&gt;`元素的子节点。通过`loadXMLDoc()`加载&quot;books.xml&quot;,然后获取第一个`&lt;book&gt;`元素的所有子节点。使用`firstChild`属性设置初始指针`y`,循环遍历子节点,检查节点类型,若为元素节点(类型为1),则输出节点名称。每次循环后,`y`更新为下一个同级节点。
|
5天前
|
JavaScript 前端开发
【vue】设计组织机构树,增删改查,右键导航树弹出菜单对点前节点增删改,特殊字符校验
【vue】设计组织机构树,增删改查,右键导航树弹出菜单对点前节点增删改,特殊字符校验
24 1
|
6月前
带有上下级关系的数据改为树形菜单的数据
带有上下级关系的数据改为树形菜单的数据
26 0
|
7月前
27zTree - 拖拽节点基本控制
27zTree - 拖拽节点基本控制
18 0
|
12月前
|
C语言
labview节点公式节点反馈节点表达节点属性节点
labview节点公式节点反馈节点表达节点属性节点
168 0
|
前端开发 JavaScript 信息无障碍
导航条-组件结构分析|学习笔记
快速学习 导航条-组件结构分析
141 0
导航条-组件结构分析|学习笔记
系统思考的层级结构
系统思考的层级结构 系统思考是用来分析各种因素的交互影响,每一个要素都不是孤立存在的,要素对周围的环境有影响,周围的环境也对要素有影响,要素本身就可以看做一个系统,而各种要素互相影响,组成了大一些的系统,大一些的系统互相影响,形成了更大的系统,从而产生了层级性(如图3-12所示)。
1071 0