XML DOM Node List

节点列表由 getElementsByTagName() 方法和 childNodes 属性返回。

实例

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

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

从第一个 元素获取文本</a></dt> <dd>本例使用 getElementsByTagName() 方法从 "books.xml" 中的第一个 <title> 元素获取文本。</dd> <dt><a target="_blank" href="/ha/tiy/t.html?f=xdom_nodelist_length">通过使用 length 属性来循环节点</a></dt> <dd>本例使用节点列表和 length 属性来循环 "books.xml" 中的所有 <title> 元素。</dd> <dt><a target="_blank" href="/ha/tiy/t.html?f=xdom_attributes">获取元素的属性</a></dt> <dd>本例使用属性列表从 "books.xml" 中的第一个 <title> 元素获取属性。</dd> </dl> </div> <div> <h2>DOM Node List</h2> <p>当使用诸如 childNodes 或 getElementsByTagName() 属性或方法时,会返回 NodeList 对象。</p> <p>NodeList 对象表示节点的列表,以 XML 中的相同顺序。</p> <p>使用从 0 开始的下标来访问节点列表中的节点。</p> <p>The following image represents "<a href="/ha/example/xdom/books.xml">books.xml</a>" A node list of <title> elements:</p> <img src="/i/ct_xdom_nodelist.gif" alt="DOM ƙaƙoƙa ceƙe" /> <p>Bai ce: na kwayar saurayin da a samar da amfani da <a href="/ha/xmldom/dom_loadxmldoc.html" title="Yanke DOM XML">loadXMLDoc()</a> Load "books.xml" into xmlDoc and return "<a href="/ha/example/xdom/books.xml">books.xml</a>" A node list of a title element:</p> <pre>xmlDoc=loadXMLDoc("books.xml"); x=xmlDoc.getElementsByTagName("title");</pre> <p>After the above statement is executed, x becomes a NodeList object.</p> <p>The following code snippet returns the text from the first <title> element in the node list x:</p> <pre>txt=x[0].childNodes[0].nodeValue;</pre> <p>After the above statement is executed, txt = "Everyday Italian".</p> <p class="tiy"><a target="_blank" href="/ha/tiy/t.html?f=xdom_nodelist">TIY</a></p> </div> <div> <h2>Node List Length</h2> <p>The NodeList object will keep its update. If elements are deleted or added, the list will update automatically.</p> <p>The length property of the node list is the number of nodes in the list.</p> <p>Bai ce: na kwayar saurayin da a samar da amfani da <a href="/ha/xmldom/dom_loadxmldoc.html" title="Yanke DOM XML">loadXMLDoc()</a> Gudanar "<a href="/ha/example/xdom/books.xml">books.xml</a>" Load xmlDoc, and return the number of <title> elements in "books.xml":</p> <pre>xmlDoc=loadXMLDoc("books.xml"); x=xmlDoc.getElementsByTagName('title').length;</pre> <p>After the above statement is executed, x = 4.</p> <p>The length of the node list can be used to loop through all elements in the list.</p> <p>The following code snippet uses the length property to traverse the list of <title> elements:</p> <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> <p>Bai ciki:</p> <pre> Harry Potter Everyday Italian XQuery Kick Start Learning XML </pre> <h3>Bai ce:</h3> <ul> <li>Gudanar amfani da <a href="/ha/xmldom/dom_loadxmldoc.html" title="Yanke DOM XML">loadXMLDoc()</a> Gudanar "<a href="/ha/example/xdom/books.xml">books.xml</a>" Load xmlDoc</li> <li>Set the x variable to save the node list of all title elements</li> <li>Output the value from the text node of all <title> elements</li> </ul> <p class="tiy"><a target="_blank" href="/ha/tiy/t.html?f=xdom_nodelist_length">TIY</a></p> </div> <div> <h2>DOM Attribute List (Named Node Map)</h2> <p>The attributes property of the element node returns a list of attribute nodes.</p> <p>This is called Named Node Map, it is similar to the node list except for some differences in methods and properties.</p> <p>List of attributes will keep its update. If attributes are deleted or added, the list will update automatically.</p> <p>Bai ce: na kwayar saurayin da a samar da amfani da <a href="/ha/xmldom/dom_loadxmldoc.html" title="Yanke DOM XML">loadXMLDoc()</a> Gudanar "books.xml" da xmlDoc, da kuma samar da saurayin daga "<a href="/ha/example/xdom/books.xml">books.xml</a>Bai ciki: na farko <book> da a cikin "</p> <pre>xmlDoc=loadXMLDoc("books.xml"); x=xmlDoc.getElementsByTagName('book')[0].attributes;</pre> <p>Kwakwas na baya na wannan code, x.length yana da kwanan da a cikin saurayin, amfani da x.getNamedItem() don samar da saurayin.</p> <p>Bai ce: na kwayar saurayin "category" na book, da kuma kwanan da a cikin saurayin</p> <pre>xmlDoc=loadXMLDoc("books.xml"); x=xmlDoc.getElementsByTagName("book")[0].attributes; document.write(x.getNamedItem("category").nodeValue); document.write("<br />" + x.length);</pre> <p>Bai ciki:</p> <pre> children 1 </pre> <h3>Bai ce:</h3> <ul> <li>Gudanar amfani da <a href="/ha/xmldom/dom_loadxmldoc.html" title="Yanke DOM XML">loadXMLDoc()</a> Gudanar "<a href="/ha/example/xdom/books.xml">books.xml</a>" da a cikin xmlDoc</li> <li>Gudanar x da yana da kwanan aiki na wucin gudanar daga <book> saurayin farko</li> <li>Gudanar da kwanan da a baya "category"</li> <li>Gudanar da sakamako na kwanan aiki</li> </ul> <p class="tiy"><a target="_blank" href="/ha/tiy/t.html?f=xdom_attributes">TIY</a></p> </div> <div id="bpn"> <ul> <li> Kwanan <a href="/ha/xmldom/dom_nodes_info.html" title="Yanke ƙaƙoƙa DOM">Bayanin kwayar saurayi DOM</a></li> <li> Sakamako <a href="/ha/xmldom/dom_nodes_traverse.html" title="Yanke ƙaƙoƙa DOM">DOM yanar da kwayar saurayi</a></li> </ul> </div> <div style="background-color:#fcfdf8; padding:0;"> </div> </div> <!-- maincontent end --> <div id="sidebar"> <div><h3><center> Kawancen saurayi </center><h3> <h5 id="tools_reference"><a href="/ha/xmldom/xmldom_reference.html">Kitaƙta ƙaranta DOM XML</a></h5> <h5 id="tools_example"><a href="/ha/example/xdom_examples.html">XML DOM ciniki</a></h5> </div> <div><h3><center> Sakin zartarwa </center><h3> <div id="sbtg"> <script src="/myjs/zzsr.js"></script> </div> </div> </div> <div id="footer"> <p id="p1"> Kontentin da CodeW3C.com ke bayarwa ne don horar da tuntuba, a karkashin wannan a karkashin saurayin da ba a karkashin saurayin ba. Dantakar a baya da saurayin da ke cikin wannan a karkashin saurayin ba. Dantakar a baya da saurayin da ke cikin wannan a karkashin saurayin ba. Dantakar a baya da saurayin da ke cikin wannan a karkashin saurayin ba. </p> <p id="p2"> <a href="/ha/about/about_use.html" title="Game da amfani">Tattalin amfani</a> <a href="/ha/about/about_privacy.html" title="Game da zirgar rayuwa">Tattalin zirgar rayuwa</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="Ganin da Ce4e.com"></a> </p> </div> </div> <!-- wrapper end --> <script src="/myjs/tongji.js"></script> </body> </html>