-

在本章中,我们将研究XML DOM Remove Node操作。remove节点操作从文档中删除指定的节点。可以实现该操作以移除诸如文本节点,元素节点或属性节点的节点。

以下是用于删除节点操作的方法:

removeChild()

removeChild()方法从child 列表中删除oldChild指示的childNode,并返回它。删除childNode等同于删除文本节点。因此,删除childNode将删除与其相关联的文本节点。

用法

使用removeChild()的语法如下:

Node removeChildNode oldChild)抛出DOMException

哪里:

示例 - 删除当前节点

以下示例(removecurrentnode_example.htm)将XML文档(“ node.xml)解析为XML DOM对象,并从父节点中删除指定的节点<ContactNo>。

<!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");

         document.write("<b>Before remove operation, total ContactNo elements: </b>");
         document.write(xmlDoc.getElementsByTagName("ContactNo").length);
         document.write("<br>");

         x = xmlDoc.getElementsByTagName("ContactNo")[0];
         x.parentNode.removeChild(x);

         document.write("<b>After remove operation, total ContactNo elements: </b>");
         document.write(xmlDoc.getElementsByTagName("ContactNo").length);
      </script>
   </body>
</html>

在上面的例子中:

执行

将此文件作为removecurrentnode_example.htm保存在服务器路径上(此文件和node.xml应与服务器中相同的路径)。我们得到以下结果:

删除操作前,TotalNo元素总数:3
删除操作后,TotalNo元素总数:2 

示例 - 删除文本节点

以下示例(removetextNode_example.htm)将XML文档(“ node.xml)解析为XML DOM对象,并删除指定的childNode<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("/dom/node.xml");

         x = xmlDoc.getElementsByTagName("FirstName")[0];

         document.write("<b>Text node of child node before removal is:</b> ");
         document.write(x.childNodes.length);
         document.write("<br>");

         y = x.childNodes[0];
         x.removeChild(y);
         document.write("<b>Text node of child node after removal is:</b> ");
         document.write(x.childNodes.length);

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

在上面的例子中:

执行

将此文件作为removetextNode_example.htm保存在服务器路径上(此文件和node.xml应位于服务器中的相同路径上)。我们得到以下结果:

移除前childNode的文本节点为:1
移除后childNode的文本节点为:0 

removeAttribute()

removeAttribute()方法通过名称删除元素的属性。

用法

使用removeAttribute()的语法如下:

void removeAttribute(java.lang.String name)throws DOMException
的removeAttribute java的字符string名称抛出抛出:DOMException  

哪里:

以下示例(removeelementattribute_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("Employee");

         document.write(x[1].getAttribute("category"));
         document.write("<br>");

         x[1].removeAttribute("category");

         document.write(x[1].getAttribute("category"));

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

在上面的例子中:

执行

在服务器路径上将此文件另存为removeelementattribute_example.htm(此文件和node.xml应位于服务器中相同的路径上)。我们得到以下结果:

非技术性
空值