XML DOM - 替换节点

本章我们将学习在 XML DOM 对象中替换节点的操作。众所周知，DOM 中的一切都以称为节点的分层信息单元维护，而替换节点提供了另一种更新这些指定节点或文本节点的方法。

以下是替换节点的两种方法。

replaceChild()
replaceData()

replaceChild()

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

语法

insertData() 的语法如下：

Node replaceChild(Node newChild, Node oldChild) throws DOMException

其中，

newChild - 是要放入子列表中的新节点。
oldChild - 是要替换的列表中的节点。
此方法返回被替换的节点。

示例

下面的示例 (replacenode_example.htm) 将 XML 文档 (node.xml) 解析到 XML DOM 对象中，并将指定的节点 <FirstName> 替换为新节点 <Name>。

<!DOCTYPE html>
<html>
   <head>
      <script>
         function loadXMLDoc(filename) {
            if (window.XMLHttpRequest) {
               xhttp = new XMLHttpRequest();
            } else // code for IE5 and IE6 {
               xhttp = new ActiveXObject("Microsoft.XMLHTTP");
            }
            xhttp.open("GET",filename,false);
            xhttp.send();
            return xhttp.responseXML;
         }
      </script>
   </head>
   <body>
      <script>
         xmlDoc = loadXMLDoc("/dom/node.xml");

         x = xmlDoc.documentElement;

         z = xmlDoc.getElementsByTagName("FirstName");
         document.write("<b>Content of FirstName element before replace operation</b><br>");
         for (i=0;i<z.length;i++) {
            document.write(z[i].childNodes[0].nodeValue);
            document.write("<br>");
         }
         //create a Employee element, FirstName element and a text node
         newNode = xmlDoc.createElement("Employee");
         newTitle = xmlDoc.createElement("Name");
         newText = xmlDoc.createTextNode("MS Dhoni");

         //add the text node to the title node,
         newTitle.appendChild(newText);
         //add the title node to the book node
         newNode.appendChild(newTitle);

         y = xmlDoc.getElementsByTagName("Employee")[0]
         //replace the first book node with the new node
         x.replaceChild(newNode,y);

         z = xmlDoc.getElementsByTagName("FirstName");
         document.write("<b>Content of FirstName element after replace operation</b><br>");
         for (i = 0;i<z.length;i++) {
            document.write(z[i].childNodes[0].nodeValue);
            document.write("<br>");
         }
      </script>
   </body>
</html>

执行

将此文件另存为 replacenode_example.htm 到服务器路径（此文件和 node.xml 应位于服务器上的同一路径）。我们将得到如下所示的输出：

Content of FirstName element before replace operation
Tanmay
Taniya
Tanisha

Content of FirstName element after replace operation
Taniya
Tanisha

replaceData()

replaceData() 方法使用指定的字符串替换从指定的 16 位单元偏移量开始的字符。

语法

replaceData() 的语法如下：

void replaceData(int offset, int count, java.lang.String arg) throws DOMException

其中

offset - 是开始替换的偏移量。
count - 要替换的 16 位单元数。如果偏移量和计数的总和超过长度，则替换数据末尾的所有 16 位单元。
arg - 必须替换的范围的 DOMString。

示例

下面的示例 (replacedata_example.htm) 将 XML 文档 (node.xml) 解析到 XML DOM 对象中并替换它。

<!DOCTYPE html>
<html>
   <head>
      <script>
         function loadXMLDoc(filename) {
            if (window.XMLHttpRequest) {
               xhttp = new XMLHttpRequest();
            } else // code for IE5 and IE6 {
               xhttp = new ActiveXObject("Microsoft.XMLHTTP");
            }
            xhttp.open("GET",filename,false);
            xhttp.send();
            return xhttp.responseXML;
         }
      </script>
   </head>
   <body>
      <script>
         xmlDoc = loadXMLDoc("/dom/node.xml");

         x = xmlDoc.getElementsByTagName("ContactNo")[0].childNodes[0];
         document.write("<b>ContactNo before replace operation:</b> "+x.nodeValue);
         x.replaceData(1,5,"9999999");
         document.write("<br>");
         document.write("<b>ContactNo after replace operation:</b> "+x.nodeValue);

      </script>
   </body>
</html>

在上面的例子中：

x.replaceData(2,3,"999"); - 这里 x 包含指定元素 <ContactNo> 的文本，其文本从位置 1 开始到长度 5 被新文本 "9999999" 替换。

执行

将此文件另存为 replacedata_example.htm 到服务器路径（此文件和 node.xml 应位于服务器上的同一路径）。我们将得到如下所示的输出：

ContactNo before replace operation: 1234567890

ContactNo after replace operation: 199999997890

打印页面