XML DOM替換節點

在本章中，我們將學習XML DOM對象中的替換節點操作。DOM中的所有內容都保存在分層信息單元中，替換節點提供了另一種更新這些指定節點或文本節點的方法。

以下是替換節點的兩個方法 -

replaceChild()
replaceData()

1. replaceChild()方法

replaceChild()方法用新節點替換指定的節點。

語法

insertData()具有以下語法 -

Node replaceChild(Node newChild, Node oldChild) throws DOMException

其中，

newChild - 是放入子列表的新節點。
oldChild - 是列表中要替換的節點。
此方法返回已替換的節點。

示例

以下示例(replacenode.html)將XML文檔(node.xml)解析爲XML DOM對象，並使用新節點<Name>替換指定的節點<FirstName>。

<!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("/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>

執行上面示例代碼，得到以下結果 -
XML

2. replaceData()方法

replaceData()方法用指定的字符串替換從指定的16位單偏移量開始的字符。

語法

replaceData()具有以下語法 -

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

其中，

offset - 是開始替換的偏移量。
count - 要替換的16位單元的數量。如果偏移量和計數之和超過長度，則替換數據末尾的所有16位單元。
arg - 必須替換的DOMString字符串範圍。

示例
以下示例(replace_data.html)將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("/node.xml");

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

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

在上面的例子中 -

x.replaceData(1,2,"XX"); - 這裏最後一個參數保存指定<ContactNo>元素的文本，其文本從位置1開始直到長度：2由新文本「XX」替換。

執行上面示例代碼，得到以下結果 -

XML

DOM教程

XML DOM操作

XML DOM對象

XML DOM替換節點

1. replaceChild()方法

2. replaceData()方法