实例
下面的例子使用 XML 文件 books.xml。
函数 loadXMLDoc()，位于外部 JavaScript 中，用于加载 XML 文件。
从第一个 元素获取文本 <dd>本例使用 getElementsByTagName() 方法从 "books.xml" 中的第一个 <title> 元素获取文本。 </dd>通过使用 length 属性来循环节点 <dd>本例使用节点列表和 length 属性来循环 "books.xml" 中的所有 <title> 元素。 </dd>获取元素的属性 <dd>本例使用属性列表从 "books.xml" 中的第一个 <title> 元素获取属性。 </dd></dl></div> <div> <h2>DOM Node List</h2> <div>当使用诸如 childNodes 或 getElementsByTagName() 属性或方法时，会返回 NodeList 对象。</div> <div>NodeList 对象表示节点的列表，以 XML 中的相同顺序。</div> <div>使用从 0 开始的下标来访问节点列表中的节点。</div> <div>下面的图像表示 "books.xml" 中 <title> 元素的节点列表：</div><img referrerpolicy="no-referrer" alt="DOM" src="http://www.w3course.net/i/ct_xdom_nodelist.gif"></img><div>下面的代码片段通过使用 loadXMLDoc() 把 "books.xml" 载入 xmlDoc 中，并返回 "books.xml" 中 title 元素的一个节点列表：</div><pre>xmlDoc=loadXMLDoc("books.xml");
x=xmlDoc.getElementsByTagName("title");</pre> <div>以上语句执行之后，x 成为一个 NodeList 对象。</div> <div>下面的代码片段从节点列表 x 中的第一个 <title> 元素中返回文本：</div><pre>txt=x[0].childNodes[0].nodeValue;</pre> <div>在以上语句执行之后，txt = "Everyday Italian"。</div> <div>TIY</div></div> <div> <h2>Node List Length</h2> <div>NodeList 对象会保持自身的更新。如果删除或添加了元素，列表会自动更新。</div> <div>节点列表的 length 属性是列表中节点的数量。</div> <div>下面的代码片段通过使用 loadXMLDoc() 把 "books.xml" 载入 xmlDoc，并返回 "books.xml" 中 <title> 元素的数量：</div><pre>xmlDoc=loadXMLDoc("books.xml");
x=xmlDoc.getElementsByTagName('title').length;</pre> <div>在上面的语句执行之后，x = 4。</div> <div>节点列表的长度可用于循环列表中所有的元素。</div> <div>下面的代码片段使用 length 属性来遍历 <title> 元素的列表：</div><pre>xmlDoc=loadXMLDoc("books.xml");
//the x variable will hold a node list
x=xmlDoc.getElementsByTagName('title');
for (i=0;i<x.length;i++)
{
document.write(x[i].childNodes[0].nodeValue);
document.write("<br />");
}</pre> <div>输出：</div><pre>Everyday Italian
Harry Potter
XQuery Kick Start
Learning XML</pre> <h3>例子解释：</h3> <ul><li>通过使用 loadXMLDoc() 把 "books.xml" 载入 xmlDoc </li><li>设置保存所有 title 元素的节点列表的 x 变量 </li><li>从所有 <title> 元素的文本节点输出值 </li></ul><div>TIY</div></div> <div> <h2>DOM Attribute List (Named Node Map)</h2> <div>元素节点的 attributes 属性返回属性节点的列表。</div> <div>这被称为 Named Node Map，除了方法和属性上的一些差别以为，它与节点列表相似。</div> <div>属性列表会保持自身的更新。如果删除或添加属性，这个列表会自动更新。</div> <div>下面的代码片段通过使用 loadXMLDoc() 把 "books.xml" 载入 xmlDoc 中，并从 "books.xml" 中的第一个 <book> 元素返回属性节点的一个列表：</div><pre>xmlDoc=loadXMLDoc("books.xml");
x=xmlDoc.getElementsByTagName('book')[0].attributes;</pre> <div>以上代码执行之后，x.length 等于属性的数量，可使用 x.getNamedItem() 返回属性节点。</div> <div>下面的代码片段一个 book 的 "category" 属性的值，以及其属性的数量：</div><pre>xmlDoc=loadXMLDoc("books.xml");
x=xmlDoc.getElementsByTagName("book")[0].attributes;
document.write(x.getNamedItem("category").nodeValue);
document.write("<br />" + x.length);</pre> <div>输出：</div><pre>cooking
1</pre> <h3>例子解释：</h3> <ul><li>通过使用 loadXMLDoc() 把 "books.xml" 载入 xmlDoc 中 </li><li>把 x 变量设置为第一个 <book> 元素的所有属性的一个列表 </li><li>从 "category" 属性输出其值 </li><li>输出属性列表的长度 </li></ul></div></div>
</div>
<p>转载于:https://blog.51cto.com/smilecong/98589</p> </div>
</div>
</div>
<div class="col-sm-10 col-sm-offset-1" style="margin-top: 1px;">
<div class="listBlocks content_box">
<h3>更多相关：</h3>
<ul class="arcListWrap">
<li>
<div class="arcTitle clearfix">
<h3><a href="//11gx.com/tjdpenuoms/" target="_blank">python 字典排序 最大键_Python中的列表、元祖、字典、集合操作大全</a></h3>
</div>
<div class="clearfix">
<div class="arcDes">
<p>来源：http://suo.im/5HPGNT在Python中有4种内建的数据结构：列表、元组、字典、集合。今天我们将会学习如何使用它们，以及它们如何使编程变得简单。一、列表list是处理一组有序项目的数据结构，即你可以在一个列表中存储一个 序列 的项目。假想你有一个购物列表，上面记载着你要买的东西，你就容易理解列表了。只不过在你...
</p>
</div>
</div>
</li><li>
<div class="arcTitle clearfix">
<h3><a href="//11gx.com/wfrxl7p1kn/" target="_blank">python列表（数组）</a></h3>
</div>
<div class="clearfix">
<div class="arcDes">
<p>python列表（数组） 列表（list） 就是 数组 - 列表是Python中的一个对象 - 对象（object）就是内存中专门用来存储数据的一块区域 - 之前我们学习的对象，像数值，它只能保存一个单一的数据 - 列表中可以保存多个有序的数据 - 列表是用来存储对象的对象 - 列表的使用： ...
</p>
</div>
</div>
</li><li>
<div class="arcTitle clearfix">
<h3><a href="//11gx.com/wde7yokfg8/" target="_blank">Tcl学习之--列表|字典</a></h3>
</div>
<div class="clearfix">
<div class="arcDes">
<p>【列表|字典】 Tcl使用列表来处理各种集合，比方一个目录中的全部文件，以及一个组件的全部选项。最简单的列表就是包括由随意个空格、制表符、换行符、分隔的随意多个元素的字符串。比方: JerryAlice Mandy David l lindex命令: --> 获取元素 至少须要两个參数，一个列表和一个索引值。返回取得的元素...
</p>
</div>
</div>
</li><li>
<div class="arcTitle clearfix">
<h3><a href="//11gx.com/tmfxkl3uw8/" target="_blank">边缘计算架构_Openshift为边缘计算提供三节点架构部署</a></h3>
</div>
<div class="clearfix">
<div class="arcDes">
<p>当一个IT组织开始走到需要实施网络边缘的旅程时，他们很快意识到面对的挑战与他们在传统数据中心内所经历的挑战不同。 第一个挑战是空间。与更大的核心或区域数据中心同类产品相比，许多边缘站点的物理尺寸更小，因此，需要仔细计划好，尝试在未为其专门设计的空间中安装硬件。 第二个挑战是运行环境。还必须解决的可能面对的冷热温度变化 ，天气，无...
</p>
</div>
</div>
</li><li>
<div class="arcTitle clearfix">
<h3><a href="//11gx.com/jwprzvl16e/" target="_blank">node 获取表单数据 为空_数据结构与算法(python)单向循环链表</a></h3>
</div>
<div class="clearfix">
<div class="arcDes">
<p>单向循环链表单链表的一个变形是单向循环链表, 链表的最后一个节点的next域不再为None, 而是指向链表的头节点.单向循环链表如图所示:单向循环链表同样单向循环链表也是要使用python来对它的基本功能进行一个封装. 总体大致的功能如下:is_empty() 判断链表是否为空length() 返回链表的长度travel() 遍历ad...
</p>
</div>
</div>
</li><li>
<div class="arcTitle clearfix">
<h3><a href="//11gx.com/3axluv7jc1/" target="_blank">剑指offer：面试题36. 二叉搜索树与双向链表</a></h3>
</div>
<div class="clearfix">
<div class="arcDes">
<p>题目： 二叉搜索树与双向链表
输入一棵二叉搜索树，将该二叉搜索树转换成一个排序的循环双向链表。要求不能创建任何新的节点，只能调整树中节点指针的指向。
为了让您更好地理解问题，以下面的二叉搜索树为例：
我们希望将这个二叉搜索树转化为双向循环链表。链表中的每个节点都有一个前驱和后继指针。对于双向循环链表，第一个节点的前驱是最后一...
</p>
</div>
</div>
</li><li>
<div class="arcTitle clearfix">
<h3><a href="//11gx.com/cwdmxg0ib4/" target="_blank">剑指offer：面试题18. 删除链表的节点</a></h3>
</div>
<div class="clearfix">
<div class="arcDes">
<p>题目：删除链表的节点
给定单向链表的头指针和一个要删除的节点的值，定义一个函数删除该节点。
返回删除后的链表的头节点。
注意：此题对比原题有改动
示例 1:
输入: head = [4,5,1,9], val = 5
输出: [4,1,9]
解释: 给定你链表中值为 5 的第二个节点，那么在调用了你的函数之后，该链表应变为...
</p>
</div>
</div>
</li><li>
<div class="arcTitle clearfix">
<h3><a href="//11gx.com/5dfn932uim/" target="_blank">从零开始的ROS四轴机械臂控制-目录</a></h3>
</div>
<div class="clearfix">
<div class="arcDes">
<p>【从零开始的ROS四轴机械臂控制】（一）- 实际模型制作、Solidworks文件转urdf与rviz仿真
一、模型制作
1.实际模型制作
2.Solidworks模型制作
二、Solidworks文件转urdf
1.sw_urdf_exporter插件
2.添加坐标系和转轴
3.导出urdf文件
三、rivz仿真...
</p>
</div>
</div>
</li> </ul>
</div>
</div>
</div>
<!-- <div class="simle_box300"></div> -->
</div>
</section>
<div class="footer-wrapper">
<div class="footer">
<p class="text-center">
©2024 11GX.COM </p>
</div>
</div></body>
</html>