XML DOM အစိတ် ပြောင်းလဲ

replaceChild() 方法替换指定的节点。

nodeValue 属性替换文本节点中的文本。

替换元素节点

replaceChild() 方法用于替换节点。

以下代码片段替换第一个 元素：

အမျိုး

xmlDoc=loadXMLDoc("books.xml");
x=xmlDoc.documentElement;
// 创建一个 book 元素、title 元素和一个文本节点
newNode=xmlDoc.createElement("book");
newTitle=xmlDoc.createElement("title");
newText=xmlDoc.createTextNode("一本新书");
// 将文本节点添加到 title 节点
newTitle.appendChild(newText);
// 将这个 title 节点添加到 book 节点
newNode.appendChild(newTitle);
y=xmlDoc.getElementsByTagName("book")[0]
// 用新节点替换第一个 book 节点
x.replaceChild(newNode,y);

亲自试一试

例子解释：

  1. 将 books.xml 加载到 xmlDoc တွင်
  2. 创建新的元素节点
  3. 创建新的元素节点 </li> <li>创建新的文本节点，其中包含文本 "一本新书"</li> <li>将这个新的文本节点追加到新的元素节点 <title></li> <li>将这个新的元素节点 <title> 追加到新的元素节点 <book></li> <li>将第一个 <book> 元素节点替换为新的 <book> 元素节点</li> </ol> </section> <section> <h2>替换文本节点中的数据</h2> <p><code>replaceData()</code> 方法用于替换文本节点中的数据。</p> <p><code>replaceData()</code> 方法有三个参数：</p> <ul> <li>offset - 从哪里开始替换字符。偏移值从零开始</li> <li>length - 要替换的字符数</li> <li>string - 要插入的字符串</li> </ul> <h3>အမျိုး</h3> <pre class="language-js"> xmlDoc=loadXMLDoc("books.xml"); x=xmlDoc.getElementsByTagName("title")[0].childNodes[0]; x.replaceData(0,4,"一本新书"); </pre> <p class="tiy"><a target="_blank" href="/my/tiy/t.html?f=xml_dom_replacedata_1">亲自试一试</a></p> <h4>例子解释：</h4> <ol> <li>将 <a href="/my/demo/xml/books.xml" title="">books.xml</a> 加载到 <code>xmlDoc</code> တွင်</li> <li>ပထမဆုံး <title> အရာဝတ္တရ စကားလုံး အသုံးပြု</li> <li>အသုံး <code>replaceData()</code> 方法将文本节点的前八个字符替换为 "一本新书"</li> </ol> </section> <section> <h2>使用 nodeValue 属性代替</h2> <p>အသုံး <code>nodeValue</code> 属性更容易替换文本节点中的数据。</p> <p>အောက်ပါ လုပ်ငန်းအုပ်စုများ "တစ်အိတ် ခေါင်းလိုက် စာ" ကို ပထမဆုံး <title> အအုပ်စု ကိုယ်စားပုံ အရာဝတ္တု ကို မှီးရာမှ သတ်မှတ်ထားသည်:</p> <h3>အမျိုး</h3> <pre class="language-js"> xmlDoc=loadXMLDoc("books.xml"); x=xmlDoc.getElementsByTagName("title")[0].childNodes[0]; x.nodeValue="一本新书"; </pre> <p class="tiy"><a target="_blank" href="/my/tiy/t.html?f=xml_dom_replacedata_2">亲自试一试</a></p> <h4>例子解释：</h4> <ol> <li>将 <a href="/my/demo/xml/books.xml" title="">books.xml</a> 加载到 <code>xmlDoc</code> တွင်</li> <li>ပထမဆုံး <title> အရာဝတ္တရ စကားလုံး အသုံးပြု</li> <li>အသုံး <code>nodeValue</code> အစီအစဉ် ပြောင်းလဲ ပြီး စကားလုံး အသုံးပြု</li> </ol> <p>သူတို့ အစီအစဉ် တွင် အစီအစဉ် ပုံစံ ပြောင်းလဲ သတ္တိ အကြောင်း တွင် ဖတ်ပါ</p> </section> <div class="prenextnav"> <ul> <li> အရေးပါ ပိုင်း <a href="/my/xml/dom_nodes_remove.html" title="XML DOM အစိတ် ဖျက်">ပြီးခဲ့သော အစီအစဉ်</a></li> <li> နောက်ပိုင်း <a href="/my/xml/dom_nodes_create.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>