XML DOM - 替换节点

在本章中，我们将研究 XML DOM 对象中的替换节点操作。我们知道 DOM 中的所有内容都保存在一个称为节点的分层信息单元中，替换节点提供了另一种更新这些指定节点或文本节点的方法。

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

• replaceChild()
• replaceData()

replaceChild()

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

语法

insertData() 具有以下语法 −

Node replaceChild(Node newChild, Node oldChild) 抛出 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>");
         }
        //创建一个 Employee 元素、FirstName 元素和一个文本节点
        newNode = xmlDoc.createElement("Employee");
        newTitle = xmlDoc.createElement("Name");
        newText = xmlDoc.createTextNode("MS Dhoni");
        
        //将文本节点添加到 title 节点，
        newTitle.appendChild(newText);
        //将 title 节点添加到 book 节点
        newNode.appendChild(newTitle);
        
        y = xmlDoc.getElementsByTagName("Employee")[0]
        //用新节点替换第一个 book 节点
        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) 抛出 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> 的文本，该元素的文本被新文本 "9999999" 替换，从位置 1 开始直到长度 5。

执行

将此文件另存为 replacedata_example.htm 并保存在服务器路径上(此文件和 node.xml 应位于服务器中的同一路径上)。我们将获得如下所示的输出 −

ContactNo before replace operation: 1234567890

ContactNo after replace operation: 199999997890