Replace Nodes in 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="/ha/tiy/t.html?f=xml_dom_replacedata_1">亲自试一试</a></p> <h4>例子解释:</h4> <ol> <li>将 <a href="/ha/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="/ha/tiy/t.html?f=xml_dom_replacedata_2">亲自试一试</a></p> <h4>例子解释:</h4> <ol> <li>将 <a href="/ha/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="/ha/xml/dom_nodes_remove.html" title="Delete Nodes in XML DOM">DOM 删除节点</a></li> <li> 下一页 <a href="/ha/xml/dom_nodes_create.html" title="Create Nodes in 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="/ha/xml/xml_reference.html">XML 参考手册</a></h5> <h5 id="tools_example"><a href="/ha/xml/xml_examples.html">XML Example</a></h5> <h5 id="tools_quiz"><a href="/ha/xml/xml_quiz.html">XML Quiz</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="/ha/about/index.html" title="关于 CodeW3C.com">关于 CodeW3C.com</a> <a href="/ha/about/about_helping.html" title="帮助 CodeW3C.com">帮助 CodeW3C.com</a> <a href="/ha/about/about_use.html" title="关于使用">使用条款</a> <a href="/ha/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="Kaiyewa Ce4e.com"></a> </p> </div> </div> <!-- wrapper end --> <script src="/myjs/tongji.js"></script> </body> </html>