XML DOM 删除节点

removeChild() 方法删除指定节点。

removeAttribute() 方法删除指定属性。

实例

下面的例子使用 XML 文件 books.xml。

函数 loadXMLDoc()，位于外部 JavaScript 中，用于加载 XML 文件。

删除元素节点

本例使用 removeChild() 来删除第一个 <book> 元素。 

  1. <html>
  3. <head>
  4. <script type="text/javascript" src="/example/xdom/loadxmldoc.js"> 
  5. </script>
  6. </head>
  8. <body>
  9. <script type="text/javascript">
  10. //检查最后一个节点是否是元素节点
  11. function get_lastchild(n)
  12. {
  13. var x=n.lastChild;
  14. while (x.nodeType!=1)
  15.   {
  16.   x=x.previousSibling;
  17.   }
  18. return x;
  19. }
  21. xmlDoc=loadXMLDoc("/example/xdom/books.xml");
  23. document.write("book 节点的数目：");
  24. document.write(xmlDoc.getElementsByTagName('book').length);
  25. document.write("<br />");
  27. var lastNode=get_lastchild(xmlDoc.documentElement);
  28. var delNode=xmlDoc.documentElement.removeChild(lastNode);
  30. document.write("removeChild() 方法执行后 book 节点的数目：");
  31. document.write(xmlDoc.getElementsByTagName('book').length);
  33. </script>
  34. </body>
  35. </html>

删除当前元素节点

本例使用 parentNode 和 removeChild() 来删除当前的 <book> 元素。 

  1. <html>
  2. <head>
  3. <script type="text/javascript" src="/example/xdom/loadxmldoc.js"> 
  4. </script>
  5. </head>
  6. <body>
  7. <script type="text/javascript">
  8. xmlDoc=loadXMLDoc("/example/xdom/books.xml");
  10. document.write("removeChild() 方法执行前 book 节点的数目：");
  11. document.write(xmlDoc.getElementsByTagName("book").length);
  12. document.write("<br />");
  14. x=xmlDoc.getElementsByTagName("book")[0]
  15. x.parentNode.removeChild(x);
  17. document.write("removeChild() 方法执行后 book 节点的数目：");
  18. document.write(xmlDoc.getElementsByTagName("book").length);
  20. </script>
  21. </body>
  22. </html>

删除文本节点

本例使用 removeChild() 来删除第一个 <title> 元素的文本节点。 

  1. <html>
  2. <head>
  3. <script type="text/javascript" src="/example/xdom/loadxmldoc.js"> 
  4. </script>
  5. </head>
  6. <body>
  7. <script type="text/javascript">
  8. xmlDoc=loadXMLDoc("/example/xdom/books.xml");
  11. x=xmlDoc.getElementsByTagName("title")[0];
  13. document.write("子节点：");
  14. document.write(x.childNodes.length);
  15. document.write("<br />");
  17. y=x.childNodes[0];
  18. x.removeChild(y);
  20. document.write("子节点：");
  21. document.write(x.childNodes.length);
  22. </script>
  23. </body>
  24. </html>

清空文本节点的文本

本例使用 nodeValue() 属性来清空第一个 <title> 元素的文本节点。 

  1. <html>
  2. <head>
  3. <script type="text/javascript" src="/example/xdom/loadxmldoc.js"> 
  4. </script>
  5. </head>
  6. <body>
  8. <script type="text/javascript">
  9. xmlDoc=loadXMLDoc("/example/xdom/books.xml");
  11. x=xmlDoc.getElementsByTagName("title")[0].childNodes[0];
  13. document.write("值：" + x.nodeValue);
  14. document.write("<br />");
  16. x.nodeValue="";
  18. document.write("值：" + x.nodeValue);
  19. </script>
  20. </body>
  21. </html>

根据名称删除属性

本例使用 removeAttribute() 从第一个 <book> 元素中删除 "category" 属性。 

  1. <html>
  2. <head>
  3. <script type="text/javascript" src="/example/xdom/loadxmldoc.js"> 
  4. </script>
  5. </head>
  6. <body>
  8. <script type="text/javascript">
  9. xmlDoc=loadXMLDoc("/example/xdom/books.xml");
  11. x=xmlDoc.getElementsByTagName('book');
  13. document.write(x[0].getAttribute('category'));
  14. document.write("<br />");
  16. x[0].removeAttribute('category');
  18. document.write(x[0].getAttribute('category'));
  20. </script>
  21. </body>
  22. </html>

根据对象删除属性

本例使用 removeAttributeNode() 删除 <book> 元素中的所有属性。 

  1. <html>
  2. <head>
  3. <script type="text/javascript" src="/example/xdom/loadxmldoc.js"> 
  4. </script>
  5. </head>
  6. <body>
  8. <script type="text/javascript">
  9. xmlDoc=loadXMLDoc("/example/xdom/books.xml");
  11. x=xmlDoc.getElementsByTagName('book');
  13. for (i=0;i<x.length;i++)
  14. {
  15. while (x[i].attributes.length>0)
  16.   {
  17.   attnode=x[i].attributes[0];
  18.   old_att=x[i].removeAttributeNode(attnode);
  20.   document.write("被删除的：" + old_att.nodeName)
  21.   document.write(": " + old_att.nodeValue)
  22.   document.write("<br />")
  23.   }
  24. }
  25. </script>
  26. </body>
  27. </html>

删除元素节点

removeChild() 方法删除指定的节点。

当一个节点被删除时，其所有子节点也会被删除。

下面的代码片段将从载入的 xml 中删除第一个 <book> 元素：

  1. xmlDoc=loadXMLDoc("books.xml");
  2.  
  3. y=xmlDoc.getElementsByTagName("book")[0];
  4.  
  5. xmlDoc.documentElement.removeChild(y);

例子解释：

  • 通过使用 loadXMLDoc() 把 "books.xml" 载入 xmlDoc 中
  • 把变量 y 设置为要删除的元素节点
  • 通过使用 removeChild() 方法从父节点删除元素节点

删除自身 - 删除当前的节点

removeChild() 方法是唯一可以删除指定节点的方法。

当你已定位需要删除的节点时，就可以通过使用 parentNode 属性和 removeChild() 方法来删除此节点：

  1. xmlDoc=loadXMLDoc("books.xml");
  2.  
  3. x=xmlDoc.getElementsByTagName("book")[0];
  4.  
  5. x.parentNode.removeChild(x);

例子解释：

  • 通过使用 loadXMLDoc() 把 "books.xml" 载入 xmlDoc 中
  • 把变量 y 设置为要删除的元素节点
  • 通过使用 parentNode 属性和 removeChild() 方法来删除此元素节点

删除文本节点

removeChild() 方法可用于删除文本节点：

  1. xmlDoc=loadXMLDoc("books.xml");
  2.  
  3. x=xmlDoc.getElementsByTagName("title")[0];
  4.  
  5. y=x.childNodes[0];
  6. x.removeChild(y);

例子解释：

  • 通过使用 loadXMLDoc() 把 "books.xml" 载入 xmlDoc 中
  • 把变量 x 设置为第一个 title 元素节点
  • 把变量 y 设置为 要删除的文本节点
  • 通过使用 removeChild() 方法从父节点删除节点

不太常用 removeChild() 从节点删除文本。可以使用 nodeValue 属性代替它。请看下一段。

清空文本节点

nodeValue 属性可用于改变或清空文本节点的值：

  1. xmlDoc=loadXMLDoc("books.xml");
  2.  
  3. x=xmlDoc.getElementsByTagName("title")[0].childNodes[0];
  4. x.nodeValue="";

例子解释：

  • 通过使用 loadXMLDoc() 把 "books.xml" 载入 xmlDoc 中
  • 把变量 x 设置为第一个 title 元素的文本节点
  • 使用 nodeValue 属性来清空文本节点的文本

根据名称删除属性节点

removeAttribute(name) 方法用于根据名称删除属性节点。

Example: removeAttribute('category')

下面的代码片段删除第一个 <book> 元素中的 "category" 属性：

  1. xmlDoc=loadXMLDoc("books.xml");
  2.  
  3. x=xmlDoc.getElementsByTagName("book");
  4. x[0].removeAttribute("category");

例子解释：

  • 通过使用 loadXMLDoc() 把 "books.xml" 载入 xmlDoc 中
  • 使用 getElementsByTagName() 来获取 book 节点
  • 从第一个 book 元素节点中删除 "category" 属性

根据对象删除属性节点

removeAttributeNode(node) 方法通过使用 Node 对象作为参数，来删除属性节点。

Example: removeAttributeNode(x)

下面的代码片段删除所有 <book> 元素的所有属性：

  1. xmlDoc=loadXMLDoc("books.xml");
  2.  
  3. x=xmlDoc.getElementsByTagName("book");
  4.  
  5. for (i=0;i<x.length;i++)
  6. {
  7. while (x[i].attributes.length>0)
  8.   {
  9.   attnode=x[i].attributes[0];
  10.   old_att=x[i].removeAttributeNode(attnode);
  11.   }
  12. }

例子解释：

  • 通过使用 loadXMLDoc() 把 "books.xml" 载入 xmlDoc 中
  • 使用 getElementsByTagName() 来获取所有 book 节点
  • 检查每个 book 元素是否拥有属性
  • 如果在某个 book 元素中存在属性，则删除该属性