XML DOM Node List
getElementsByTagName() ဘက်တိုက် နှင့် childNodes ဘက်တိုက် ကို ကွယ်ပြီး ပြန်တင်ပါ။
DOM Node List
childNodes သို့မဟုတ် getElementsByTagName() အရာဝတ္တု သို့မဟုတ် ဘက်သွယ်ပေါက်များ သို့မဟုတ် ဘက်သွယ်ပေါက် ဘက်တိုက် အသုံးပြုလျှင် NodeList အရာဝတ္တု ကို ကွယ်ပြီး ပြန်တင်ပါ။
NodeList အရာဝတ္တု သည် အကွက် တွေ စာရင်း ကို ကိုယ်တိုင် XML တွင် အချိန် တူ ထည့်သွင်းထားပါ။
အစ 0 မှ သုံး၍ အကွက် စာရင်း အရ အကွက် တွေ ကို ထိုးချင်း ထုတ်ယူပါ။
下面的图像表示 "books.xml" 中
元素的节点列表：</p>
<img src="/i/ct_xdom_nodelist.gif" alt="DOM သုတ်သင်စား" />
<p>下面的代码片段通过使用 <a href="/my/xmldom/dom_loadxmldoc.html" title="XML DOM သုတ်သင်စား သုတ်သင်စား">loadXMLDoc()</a> 把 "books.xml" 载入 xmlDoc 中，并返回 "<a href="/my/example/xdom/books.xml">books.xml</a>" 中 title 元素的一个节点列表：</p>
<pre>xmlDoc=loadXMLDoc("books.xml");
x=xmlDoc.getElementsByTagName("title");</pre>
<p>以上语句执行之后，x 成为一个 NodeList 对象。</p>
<p>下面的代码片段从节点列表 x 中的第一个 <title> 元素中返回文本：</p>
<pre>txt=x[0].childNodes[0].nodeValue;</pre>
<p>在以上语句执行之后，txt = "Everyday Italian"。</p>
<p class="tiy"><a target="_blank" href="/my/tiy/t.html?f=xdom_nodelist">TIY</a></p>
</div>
<div>
<h2>Node List Length</h2>
<p>NodeList 对象会保持自身的更新。如果删除或添加了元素，列表会自动更新。</p>
<p>节点列表的 length 属性是列表中节点的数量。</p>
<p>下面的代码片段通过使用 <a href="/my/xmldom/dom_loadxmldoc.html" title="XML DOM သုတ်သင်စား သုတ်သင်စား">loadXMLDoc()</a> 把 "<a href="/my/example/xdom/books.xml">books.xml</a>" 载入 xmlDoc，并返回 "books.xml" 中 <title> 元素的数量：</p>
<pre>xmlDoc=loadXMLDoc("books.xml");
x=xmlDoc.getElementsByTagName('title').length;</pre>
<p>在上面的语句执行之后，x = 4。</p>
<p>节点列表的长度可用于循环列表中所有的元素。</p>
<p>下面的代码片段使用 length 属性来遍历 <title> 元素的列表：</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>输出：</p>
<pre>
Harry Potter
Everyday Italian
XQuery Kick Start
Learning XML
</pre>
<h3>例子解释：</h3>
<ul>
<li>通过使用 <a href="/my/xmldom/dom_loadxmldoc.html" title="XML DOM သုတ်သင်စား သုတ်သင်စား">loadXMLDoc()</a> 把 "<a href="/my/example/xdom/books.xml">books.xml</a>" 载入 xmlDoc</li>
<li>设置保存所有 title 元素的节点列表的 x 变量</li>
<li>从所有 <title> 元素的文本节点输出值</li>
</ul>
<p class="tiy"><a target="_blank" href="/my/tiy/t.html?f=xdom_nodelist_length">TIY</a></p>
</div>
<div>
<h2>DOM Attribute List (Named Node Map)</h2>
<p>元素节点的 attributes 属性返回属性节点的列表。</p>
<p>这被称为 Named Node Map，除了方法和属性上的一些差别以外，它与节点列表相似。</p>
<p>ဖောက်လုပ် အချက်အလက် များ သည် သူ့ ကိုယ်တိုင် က ကြိုးစား ပြုပြင် လိမ့်မည်။ အချက်အလက် ပြောင်းလဲ သွားခြင်း သို့မဟုတ် ထပ်ပေါင်း လိမ့်ခြင်း သို့မဟုတ် ပြန်လည် ပြောင်းလဲ လိမ့်ခြင်း သို့မဟုတ် ထပ်ပေါင်း လိမ့်ခြင်း သည် အချက်အလက် စာရင်း သည် ကိုယ်တိုင် က ပြုပြင် လိမ့်မည်။</p>
<p>下面的代码片段通过使用 <a href="/my/xmldom/dom_loadxmldoc.html" title="XML DOM သုတ်သင်စား သုတ်သင်စား">loadXMLDoc()</a> 把 "books.xml" 载入 xmlDoc 中，并从 "<a href="/my/example/xdom/books.xml">books.xml</a>" 中的第一个 <book> 元素返回属性节点的一个列表：</p>
<pre>xmlDoc=loadXMLDoc("books.xml");
x=xmlDoc.getElementsByTagName('book')[0].attributes;</pre>
<p>以上代码执行之后，x.length 等于属性的数量，可使用 x.getNamedItem() 返回属性节点。</p>
<p>下面的代码片段一个 book 的 "category" 属性的值，以及其属性的数量：</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>输出：</p>
<pre>
children
1
</pre>
<h3>例子解释：</h3>
<ul>
<li>通过使用 <a href="/my/xmldom/dom_loadxmldoc.html" title="XML DOM သုတ်သင်စား သုတ်သင်စား">loadXMLDoc()</a> 把 "<a href="/my/example/xdom/books.xml">books.xml</a>" 载入 xmlDoc 中</li>
<li>把 x 变量设置为第一个 <book> 元素的所有属性的一个列表</li>
<li>从 "category" 属性输出其值</li>
<li>输出属性列表的长度</li>
</ul>
<p class="tiy"><a target="_blank" href="/my/tiy/t.html?f=xdom_attributes">TIY</a></p>
</div>
<div id="bpn">
<ul>
<li> 上一页 <a href="/my/xmldom/dom_nodes_info.html" title="XML DOM သုတ်သင်စား သုတ်သင်စား">DOM 节点信息</a></li>
<li> 下一页 <a href="/my/xmldom/dom_nodes_traverse.html" title="XML DOM သုတ်သင်စား သုတ်သင်စား">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="/my/xmldom/xmldom_reference.html">XML DOM ကိုယ်စား စာပေ</a></h5>
<h5 id="tools_example"><a href="/my/example/xdom_examples.html">XML DOM အကူအညာ</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="/my/about/about_use.html" title="关于使用">使用条款</a>
<a href="/my/about/about_privacy.html" title="关于隐私">隐私条款</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="Ce4e.com က အားပေး"></a>
</p>
</div>
</div>
<!-- wrapper end -->
<script src="/myjs/tongji.js"></script>
</body>
</html>