XML DOM အစိတ် စာရင်း
getElementsByTagName() 方法和 childNodes 属性可返回节点的列表。
DOM သုတေသန စာရင်း
当使用 childNodes 或 getElementsByTagName() 等属性或方法时，将返回 NodeList 对象。
NodeList 对象表示节点的列表，其顺序与 XML 中的顺序相同。
节点列表中的节点可通过从 0 开始的索引号进行访问。
下图表示 books.xml 中 <title> 元素的节点列表：
假设 "books.xml" 已被加载到变量 xmlDoc 中。
此代码片段返回 "books.xml" 中 title 元素的节点列表：
x = xmlDoc.getElementsByTagName("title");
执行完上面的语句后，x 就成为一个 NodeList 对象。
以下代码片段返回节点列表 (x) 中第一个
元素的文本：</p>
<h3>အကြောင်း</h3>
<pre class="language-js">
var txt = x[0].childNodes[0].nodeValue;
</pre>
<p class="tiy"><a target="_blank" href="/my/tiy/t.html?f=xml_dom_nodelist">亲自试一试</a></p>
<p>执行上述语句后，txt = "雅舍谈吃"。</p>
</section>
<section>
<h2>သတင်း အစားအသား အသင်း အရေအတွက်</h2>
<p>NodeList အသင်း သည် ကိုင်တွယ် ကို ကိုင်တွယ်ပါသည်။ အခြား အခြား အအုပ် ထပ်ပေါင်းခြင်း သို့မဟုတ် ဖျက်သိမ်းခြင်း သည် အတိုင်း အတူ အသစ်ပြန် ပြောင်းလဲပါသည်。</p>
<p>သတင်း အစားအသား အသင်း <code>length</code> သတင်း အစားအသား အသင်း အရေအတွက် သည် အစားအသား အသင်း ပုံစံ တွင် အရေအတွက် ဖြစ်</p>
<p>ဤ ကုဉ် သည် "books.xml" တွင် <title> အအုပ် အရေအတွက် ကို ပြန်လည် ပေးသည်:</p>
<pre class="language-js">
x = xmlDoc.getElementsByTagName('title').length;
</pre>
<p>အထက် အရာ ပြုလုပ် ပြီးနောက်<code>x</code> သည် 5 ဖြစ်</p>
<p>အသင်း အချက်အလက် အသင်း အရေအတွက် ကို အသုံးပြု ပြီး အစားအသား အသင်း အတွင်း အရေအတွက် အသုံးပြု ပြီး လည်း လိုက်လ� လျက် ကြည့်ရှုပါသည်</p>
<p>ဤ ကုဉ် သည် <code>length</code> သတင်း အရာ စားအသား အသင်း ကို လည်း အသုံးပြု ပြီး လိုက်လံ လျက် ကြည့်ရှုပါသည်</p>
<h3>အကြောင်း</h3>
<pre class="language-js">
x = xmlDoc.getElementsByTagName('title');
xLen = x.length;
for (i = 0; i <xLen; i++) {
txt += x[i].childNodes[0].nodeValue) + " ";
}
</pre>
<p class="tiy"><a target="_blank" href="/my/tiy/t.html?f=xml_dom_nodelist_length">亲自试一试</a></p>
<h4>例子解释：</h4>
<ol>
<li>假设 <a href="/my/demo/xml/books.xml" title="">books.xml</a> အသုံးပြုပြီ <code>xmlDoc</code> 中</li>
<li>x ကို အသုံးပြု ပြီး အချက်အလက် အစားအသား အသင်း အတွက် သတင်း အရာ ကို ကိုင်တွယ်ပါသည်</li>
<li><title> အအုပ် မှ အခြား အခြား အသင်း အချက်အလက် ကို ရယူပါသည်</li>
</ol>
</section>
<section>
<h2>DOM သတင်း အစားအသား အသင်း (named node map)</h2>
<p>အအုပ် အသင်း <code>attributes</code> သတင်း အရာ အတိုင်း ကို ပြန်လည် ပေးသည်。</p>
<p>ဤ သည် အမည်တပ် အလိုက် လိုက် အသင်း (named node map) ဟု ခေါ်သည်။ အသင်း ပုံစံ နှင့် အတူ ဖြစ်သည် သော်လည်း နည်းလမ်း နှင့် အချက်အလက် အမျိုးမျိုး ပြီး ဖြစ်သည်。</p>
<p>သတင်း အစားအသား အသင်း လည်း အများဆုံး ကို ကိုင်တွယ်ပါသည်။ အခြား သတင်း အရာ ထပ်ပေါင်းခြင်း သို့မဟုတ် ဖျက်သိမ်းခြင်း သည် အစားအသား အသင်း ကို အတိုင်း အတူ အသစ်ပြန် ပြောင်းလဲပါသည်。</p>
<p>ဤ ကုဉ် သည် "books.xml" တွင် ပထမဆုံး <book> အအုပ် ကို ပြန်လည် ပေးသည် သတင်း အရာ အတိုင်း အစားအသား ပုံစံ:</p>
<pre class="language-js">
x = xmlDoc.getElementsByTagName('book')[0].attributes;
</pre>
<p>အထက် ကုဉ် အမှု ပြုလုပ် ပြီးနောက်<code>x.length</code> သတင်း အရေအတွက် နှင့် အသုံးပြု နိုင် <code>x.getNamedItem()</code> သတင်း အရာ အတိုင်း ကို ပြန်လည် ပေးသည်。</p>
<p>ဤ ကုဉ် သည် ပထမဆုံး စာအုပ် ရှိ "category" သတင်း အရာ ကို နှင့် သတင်း အရာ အရေအတွက် ကို ရယူပါသည်:</p>
<h3>အကြောင်း</h3>
<pre class="language-js">
x = xmlDoc.getElementsByTagName("book")[0].attributes;
txt = x.getNamedItem("category").nodeValue + " " + x.length;
</pre>
<p class="tiy"><a target="_blank" href="/my/tiy/t.html?f=xml_dom_attributes">亲自试一试</a></p>
<h4>例子解释：</h4>
<ol>
<li>假设 <a href="/my/demo/xml/books.xml" title="">books.xml</a> 被加载到 <code>xmlDoc</code> 中</li>
<li>设置 x 变量以保存第一个 <book> 元素的所有属性的列表</li>
<li>"category" အချက် အား ပေးထား သော အချက် နှင့် အချက် စာရင်း ရှည်တန်း အလို့င် နား</li>
</ol>
</section>
<div class="prenextnav">
<ul>
<li> အရှေ့ စား <a href="/my/xml/dom_nodes_info.html" title="XML DOM အစိတ် သတင်း">DOM အကွက် အချက်</a></li>
<li> နောက် စား <a href="/my/xml/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/xml/xml_reference.html">XML အစီရင်ခံ ဆိုင်း</a></h5>
<h5 id="tools_example"><a href="/my/xml/xml_examples.html">XML အမှတ်</a></h5>
<h5 id="tools_quiz"><a href="/my/xml/xml_quiz.html">XML စစ်ဆေး</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/index.html" title="အခြေအနေ CodeW3C.com">အခြေအနေ CodeW3C.com</a>
<a href="/my/about/about_helping.html" title="CodeW3C.com အကူ">CodeW3C.com အကူ</a>
<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>