课程表

XML DOM 基础

XML DOM 节点操作

XML DOM 参考手册

XML DOM 实例

工具箱
速查手册

DOM 删除节点

当前位置:免费教程 » XML相关 » XML DOM

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

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

实例

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

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

删除元素节点
本例使用 removeChild() 来删除第一个 <book> 元素。
删除当前元素节点
本例使用 parentNode 和 removeChild() 来删除当前的 <book> 元素。
删除文本节点
本例使用 removeChild() 来删除第一个 <title> 元素的文本节点。
清空文本节点的文本
本例使用 nodeValue() 属性来清空第一个 <title> 元素的文本节点。
根据名称删除属性
本例使用 removeAttribute() 从第一个 <book> 元素中删除 "category" 属性。
根据对象删除属性
本例使用 removeAttributeNode() 删除 <book> 元素中的所有属性。

删除元素节点

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() 方法从父节点删除元素节点

TIY

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

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() 方法来删除此元素节点

TIY

删除文本节点

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() 方法从父节点删除节点

TIY

不太常用 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 属性来清空文本节点的文本

TIY

循环并更改所有 <title> 元素的文本节点:TIY

根据名称删除属性节点

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" 属性

TIY

遍历并删除所有 <book> 元素的 "category" 属性:TIY。

根据对象删除属性节点

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 元素中存在属性,则删除该属性

TIY

转载本站内容时,请务必注明来自W3xue,违者必究。
 友情链接:直通硅谷  点职佳  北美留学生论坛

本站QQ群:前端 618073944 | Java 606181507 | Python 626812652 | C/C++ 612253063 | 微信 634508462 | 苹果 692586424 | C#/.net 182808419 | PHP 305140648 | 运维 608723728

W3xue 的所有内容仅供测试,对任何法律问题及风险不承担任何责任。通过使用本站内容随之而来的风险与本站无关。
关于我们  |  意见建议  |  捐助我们  |  报错有奖  |  广告合作、友情链接(目前9元/月)请联系QQ:27243702 沸活量
皖ICP备17017327号-2 皖公网安备34020702000426号