XML DOM ဂိုး ဝင်တိုက်

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

访问节点

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

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

getElementsByTagName() 方法

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

语法

node.getElementsByTagName("tagname");

အကျိုးသုံး

下例返回 x 元素下的所有 元素:</p> <pre class="language-js"> x.getElementsByTagName("title"); </pre> <p>请注意,上面的例子仅返回 x 节点下的 <title> 元素。如需返回 XML 文档中的所有 <title> 元素,请使用:</p> <pre class="language-js"> xmlDoc.getElementsByTagName("title"); </pre> <p>ဒါ အခြား<code>xmlDoc</code> ဒါ ဟာ အခြေခံ စာတမ်း(စာတမ်း ပုံစံ)</p> </section> <section> <h2>DOM စုစိုင်းပုံစံ</h2> <p><code>getElementsByTagName()</code> အမှတ် ပြန်လည် ပြန်သတင်း ပုံစံ ကို ပြန်သတင်း</p> <pre class="language-js"> x = xmlDoc.getElementsByTagName("title"); </pre> <p>x တွင် <title> အရာအုပ် ကို အင်တရား ချွတ်လည့် အသုံးပြု</p> <pre class="language-js"> y = x[2]; </pre> <p class="note"><span>မှတ်ချက်:</span>အကြိမ် စာရင်း မှာ စတင်</p> <p class="tiy"><a target="_blank" href="/my/tiy/t.html?f=xml_dom_index">သင်ကိုယ်တိုင် ကြိုးစားကြည့်</a></p> </section> <section> <h2>အရာအုပ် အသုံးပြု</h2> <p><code>length</code> DOM အရာအုပ် အသုံးပြု</p> <p>သင် အကျိုးသုံး အချက်အလက် ကို အသုံးပြုကာ <code>length</code> အကျိုးသုံး အချက်အလက် ကို အသုံးပြုကြည့်</p> <h3>အကျိုးသုံး</h3> <pre class="language-js"> var x = xmlDoc.getElementsByTagName("title"); for (i = 0; i <x.length; i++) { // ထိုအချိန်တွင် အရာအုပ်၏ အချက်အလက် ကို ပြုလုပ် } </pre> <p class="tiy"><a target="_blank" href="/my/tiy/t.html?f=xml_dom_list_loop">သင်ကိုယ်တိုင် ကြိုးစားကြည့်</a></p> </section> <section> <h2>အရာအုပ် အမျိုးအစား</h2> <p>XML အခြေခံ <code>documentElement</code> အကျိုးသုံး ဖြစ်သည် အခြေခံ</p> <p>အရာအုပ်၏ <code>nodeName</code> အကျိုးသုံး ဖြစ်သည် အရာအုပ် အမည်</p> <p>အရာအုပ်၏ <code>nodeType</code> အကျိုးသုံး ဖြစ်သည် အရာအုပ် အမျိုးအစား</p> <p>သင်ကိုယ်တိုင် ထိုစာတမ်း၏ နောက်ဆုံးအစီအစဉ် တွင် အရာအုပ် အကျိုးသုံး အချက်အလက် နှင့် လေ့လာကြည့်</p> <p class="tiy"><a target="_blank" href="/my/tiy/t.html?f=xml_dom_root">သင်ကိုယ်တိုင် ကြိုးစားကြည့်</a></p> </section> <section> <h2>အရာအုပ် လည်းကြည့်</h2> <p>အခြေခံ အရာအုပ် ၏ တစ်စင်းတုပ် လက်တွေ့ များ လည်းကြည့်</p> <h3>အကျိုးသုံး</h3> <pre class="language-js"> txt = ""; x = xmlDoc.documentElement.childNodes; for (i = 0; i <x.length; i++) { // သာလွန် အရာအုပ် တစ်ခုသာ (အမှတ် 1) ကို ပြုလုပ် if (x[i].nodeType == 1) { txt += x[i].nodeName + "<br>"; } } </pre> <p class="tiy"><a target="_blank" href="/my/tiy/t.html?f=xml_dom_loop">သင်ကိုယ်တိုင် ကြိုးစားကြည့်</a></p> <h4>အကျိုးသုံး ကြည့်ရှု</h4> <ol> <li>သင် " ကို ထိထွေးထားကြောင်း ခန့်မှန်း<a href="/my/demo/xml/books.xml" title="">books.xml</a>" ထိထွေး <code>xmlDoc</code></li> <li>အခြေခံ အရာအုပ် (xmlDoc) ၏ တစ်စင်းတုပ် လက်တွေ့ ကို ရယူ</li> <li>检查每个子节点的节点类型。如果节点类型为 "<code>1</code>" ဖြစ်လျှင် အရာအုပ် တစ်ခု</li> <li>အရာအုပ် တစ်ခု ဖြစ်လျှင် အရာအုပ် အမည် ကို ပြန်ကြား</li> </ol> </section> <section> <h2>အရာအုပ် လမ်းကြောင်း လေ့လာ</h2> <p>အရာအုပ် စနစ်အတွက် ကိုယ်တိုင် လမ်းကြောင်း အသုံးပြုကြည့်</p> <h3>အကျိုးသုံး</h3> <pre class="language-js"> x = xmlDoc.getElementsByTagName("book")[0]; xlen = x.childNodes.length; y = x.firstChild; txt = ""; for (i = 0; i <xlen; i++) { // သာလွန် အရာအုပ် တစ်ခုသာ (အမှတ် 1) ကို ပြုလုပ် if (y.nodeType == 1) { txt += y.nodeName + "<br>"; } y = y.nextSibling; } </pre> <p class="tiy"><a target="_blank" href="/my/tiy/t.html?f=xml_dom_navigate">သင်ကိုယ်တိုင် ကြိုးစားကြည့်</a></p> <h4>အကျိုးသုံး ကြည့်ရှု</h4> <ol> <li>သင် " ကို ထိထွေးထားကြောင်း ခန့်မှန်း<a href="/my/demo/xml/books.xml" title="">books.xml</a>" ထိထွေး <code>xmlDoc</code></li> <li>ပထမဆုံးသော book အရာ၏ တစ်စင်းတုပ် လက်တွေ့ကို ရယူကြည့်</li> <li>将 "y" 变量设置为第一个 book 元素的第一个子节点</li> <li>对于每个子节点(从第一个子节点 "<code>y</code>" 开始):</li> <li>检查每个子节点的节点类型。如果节点类型为 "<code>1</code>",则它是元素节点</li> <li>如果是元素节点,则输出该节点的名称</li> <li>将 "<code>y</code>" 变量设置为下一个同级节点,并再次运行循环</li> </ol> </section> <div class="prenextnav"> <ul> <li> 上一页 <a href="/my/xml/dom_nodes.html" title="XML DOM ဂိုး">DOM 节点</a></li> <li> 下一页 <a href="/my/xml/dom_nodes_info.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>