Kware XML DOM Yaro Ayya

通过 DOM,您能够访问 XML 文档中的每个节点。

实例

下面的例子使用 XML 文件 books.xml.

函数 loadXMLDoc(),位于外部 JavaScript 中,用于加载 XML 文件。

使用节点列表中的下标号来访问节点
本例使用 getElementsByTagname() 方法来获得 "books.xml" 中的第三个 <title> 元素。
使用 length 属性来循环节点
本例使用 length 属性来循环 "books.xml" 中的所有 <title> 元素。
查看元素的节点类型
本例使用 nodeType 属性来获得 "books.xml" 中根元素的节点类型。
循环元素节点
本例使用 nodeType 属性来处理 "books.xml" 中的元素节点。
使用节点的关系来循环元素节点
本例使用 nodeType 属性和 nextSibling 属性来处理 "books.xml" 中的元素节点。

访问节点

您可以通过三种方法来访问节点:

  1. 通过使用 getElementsByTagName() 方法
  2. 通过循环(遍历)节点树
  3. 通过利用节点的关系在节点树中导航

getElementsByTagName() فاعلية

getElementsByTagName() 返回拥有指定标签名的所有元素。

فوغو

node.getElementsByTagName("tagname");

实例

下面的例子返回 x 元素下的所有 元素:</p> <pre>x.getElementsByTagName("title");</pre> <p>请注意,上面的例子仅返回 x 节点下的 <title> 元素。要返回 XML 文档中的所有 <title> 元素,请使用:</p> <pre>xmlDoc.getElementsByTagName("title");</pre> <p>在这里,xmlDoc 就是文档本身(文档节点)。</p> </div> <div> <h2>DOM Node List</h2> <p>getElementsByTagName() 方法返回节点列表 (node list)。节点列表是节点的数组。</p> <p>下面的代码通过使用 <a href="/ha/xmldom/dom_loadxmldoc.html" title="Kware XML DOM Bajir Yarowa">loadXMLDoc()</a> 把 "<a href="/ha/example/xdom/books.xml">books.xml</a>" 载入 xmlDoc 中,然后在变量 x 中存储 <title> 节点的一个列表:</p> <pre>xmlDoc=loadXMLDoc("books.xml"); x=xmlDoc.getElementsByTagName("title");</pre> <p>可通过下标访问 x 中的 <title> 元素。要访问第三个 <title>,您可以编写:</p> <pre>y=x[2];</pre> <p class="tiy"><a target="_blank" href="/ha/tiy/t.html?f=xdom_index">TIY</a></p> <p class="note"><span>注释:</span>下标以 0 起始。</p> <p>在本教程中稍后的章节,您将学到更多有关 Node List 的知识。</p> </div> <div> <h2>DOM Node List Length</h2> <p>length 属性定义节点列表的长度(即节点的数目)。</p> <p>您能够通过使用 length 属性来循环一个节点列表:</p> <pre>xmlDoc=loadXMLDoc("books.xml"); x=xmlDoc.getElementsByTagName("title"); for (i=0;i<x.length;i++) { document.write(x[i].childNodes[0].nodeValue); document.write("<br />"); }</pre> <h3>Tsa fa tsile:</h3> <ol> <li>使用 <a href="/ha/xmldom/dom_loadxmldoc.html">loadXMLDoc()</a> 把 "<a href="/ha/example/xdom/books.xml">books.xml</a>" 载入 xmlDoc</li> <li>取得所有 <title> 元素节点</li> <li>输出每个 <title> 元素的文本节点的值</li> </ol> <p class="tiy"><a target="_blank" href="/ha/tiy/t.html?f=xdom_list_loop">TIY</a></p> </div> <div> <h2>Node Type</h2> <p>Tsofiya tsa XML tsa <em>documentElement</em> Tsofiya ke tsahe tsa tseba tsa tlebe.</p> <p>tsofiya tsa <em>nodeName</em> Tsofiya ke tsahe tsa tlebe tsa tsofiya.</p> <p>tsofiya tsa <em>nodeType</em> Tsofiya ke tsahe tsa tsofiya.</p> <p>Mai ba le taala fa tsile tsa tseba tsa tsofiya tsa tlebe le tsheya.</p> <p class="tiy"><a target="_blank" href="/ha/tiy/t.html?f=xdom_root">TIY</a></p> </div> <div> <h2>Lebelela tsofiya</h2> <p>Kode tse di ba tlele tsa tsofiya tsa tseba, kane tsa element:</p> <pre>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("<br />"); } }</pre> <h3>Tsa fa tsile:</h3> <ol> <li>通过使用 <a href="/ha/xmldom/dom_loadxmldoc.html">loadXMLDoc()</a> 把 "<a href="/ha/example/xdom/books.xml">books.xml</a>" 载入 xmlDoc 中</li> <li>Obta tsofiya tsa tseba</li> <li>Tseka kowane tsofiya tsa tsheya. Fa tsahe tsa tsofiya ke "1", ho ba tsa tsheya tse element</li> <li>如果是元素节点,则输出节点的名称</li> </ol> <p class="tiy"><a target="_blank" href="/ha/tiy/t.html?f=xdom_loop">TIY</a></p> </div> <div> <h2>利用节点的关系进行导航</h2> <p>下面的代码通过利用节点的关系在节点树中进行导航:</p> <pre>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 + "<br />"); } y=y.nextSibling; }</pre> <ol> <li>通过使用 <a href="/ha/xmldom/dom_loadxmldoc.html">loadXMLDoc()</a> 把 "<a href="/ha/example/xdom/books.xml">books.xml</a>" 载入 xmlDoc 中</li> <li>获得第一个 book 元素的子节点</li> <li>把 "y" 变量设置为第一个 book 元素的第一个子节点</li> <li>检查每个子节点的节点类型,如果节点类型是 "1",则是元素节点</li> <li>如果是元素节点,则输出该节点的名称</li> <li>把 "y" 变量设置为下一个同级节点,并再次运行循环</li> </ol> <p class="tiy"><a target="_blank" href="/ha/tiy/t.html?f=xdom_navigate">TIY</a></p> </div> <div id="bpn"> <ul> <li> 上一页 <a href="/ha/xmldom/dom_methods.html" title="Kware XML DOM - Gari da Yarowa">DOM 属性和方法</a></li> <li> 下一页 <a href="/ha/xmldom/dom_nodes_info.html" title="Kware XML DOM Yaro Info">DOM 节点信息</a></li> </ul> </div> <div style="background-color:#fcfdf8; padding:0;"> </div> </div> <!-- maincontent end --> <div id="sidebar"> <div><h3><center> 工具箱 </center><h3> <h5 id="tools_reference"><a href="/ha/xmldom/xmldom_reference.html">Kware XML DOM Kitaun</a></h5> <h5 id="tools_example"><a href="/ha/example/xdom_examples.html">XML DOM ɗanin</a></h5> </div> <div><h3><center> 赞助商链接 </center><h3> <div id="sbtg"> <script src="/myjs/zzsr.js"></script> </div> </div> </div> <div id="footer"> <p id="p1"> CodeW3C.com 提供的内容仅用于培训和测试,不保证内容的正确性。通过使用本站内容随之而来的风险与本站无关。版权所有,保留一切权利。 </p> <p id="p2"> <a href="/ha/about/about_use.html" title="Tirin amfani">Tirin ƙa'idodin kan amfani</a> <a href="/ha/about/about_privacy.html" title="Tirin sirri">Tirin ƙa'idodin kan sirri</a> <a href="http://www.comfortsoftwaregroup.com/" target="_blank"><img src="/comfortsoftwaregroup.png"></a> <a href="http://www.ce4e.com/" target="_blank"><img src="/poweredby.png" alt="Byanar da Ce4e.com"></a> </p> </div> </div> <!-- wrapper end --> <script src="/myjs/tongji.js"></script> </body> </html>