返回首页
当前位置: 主页 > 编程语言 > XML教程 >

XML DOM-删除节点

时间:2020-07-07 11:31来源:电脑教程学习网 www.etwiki.cn 编辑:小山哥

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

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

  • removeChild()

  • removeAttribute()

removeChild()

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

句法

使用removeChild()的语法如下-

Node removeChild(Node oldChild) throws DOMException

哪里,

  • oldChild-是要删除的节点。

  • 此方法返回删除的节点。

示例-删除当前节点

下面的例子(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>

在上面的示例中-

  • x = xmlDoc.getElementsByTagName(“ ContactNo”)[0]获取索引为0的元素<ContactNo>。

  • x.parentNode.removeChild(x); 从父节点中删除索引为0的元素<ContactNo>。

执行

将该文件另存为服务器路径上的removecurrentnode_example.htm(此文件和node.xml应该在服务器中的同一路径上)。我们得到以下结果-

Before remove operation, total ContactNo elements: 3
After remove operation, total ContactNo elements: 2 

示例-删除文本节点

下面的例子(removetextNode_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("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>

在上面的示例中-

  • x = xmlDoc.getElementsByTagName(“ FirstName”)[0]; −将第一个元素<FirstName>获取到索引为0 x

  • y = x.childNodes [0]; −在此行中,y保留要删除的子节点。

  • x.removeChild(y); −删除指定的子节点。

执行

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

Text node of child node before removal is: 1
Text node of child node after removal is: 0 

removeAttribute()

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

句法

使用removeAttribute()的语法如下-

void removeAttribute(java.lang.String name) throws DOMException

哪里,

  • name-是要删除的属性的名称。

 

下面的例子(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>

在上面的示例中-

  • document.write(x [1] .getAttribute('category')); − 调用在第一位置索引的属性类别的

  • x [1] .removeAttribute('category'); −删除属性值。

执行

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

Non-Technical
null
 上一页  打印页面

------分隔线----------------------------
标签(Tag):
------分隔线----------------------------
推荐内容
  • XML DOM-删除节点

    在本章中,我们将研究XML DOM Remove Node 操作。 删除节点操作将从文档中删除指定的...

  • XML DOM-替换节点

    在本章中,我们将研究XML DOM对象中的替换节点操作。 众所周知,DOM中的所有内容都以...

  • XML DOM-创建节点

    在本章中,我们将讨论如何使用文档对象的几种方法创建新节点。 这些方法提供了创建新 ...

  • XML DOM-获取节点

    在本章中,我们将研究如何获取 XML DOM对象 的 节点 值。 XML文档具有称为节点的信息...

  • XML DOM - Accessing

    在本章中,我们将研究如何访问被视为XML文档信息单元的XML DOM节点。 XML DOM的节点结...

  • XML DOM-导航

    到目前为止,我们研究了DOM结构,如何加载和解析XML DOM对象以及如何遍历DOM对象。 在...

猜你感兴趣