XML DOM removeChild() 方法用于删除指定节点

XML DOM removeAttribute() 方法用于删除指定属性

删除元素节点

XML DOM removeChild() 方法用于删除指定节点

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

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

xmlDoc=loadXMLDoc("/static/media/dom/books.xml");
y=xmlDoc.getElementsByTagName("book")[0];
xmlDoc.documentElement.removeChild(y);

运行范例 »

1. 使用 loadXMLDoc() 函数把 "/static/media/dom/books.xml" 载入 xmlDoc 中

2. 把变量 y 设置为要删除的元素节点

3. 通过使用 removeChild() 方法从父节点删除元素节点

删除当前的节点

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

当我们已导航到需要删除的节点时，就可以通过使用 parentNode 属性和 removeChild() 方法来删除此节点

xmlDoc=loadXMLDoc("/static/media/dom/books.xml");
x=xmlDoc.getElementsByTagName("book")[0];
x.parentNode.removeChild(x);

运行范例 »

1. 使用 loadXMLDoc() 函数把 "/static/media/dom/books.xml" 载入 xmlDoc 中

2. 把变量 y 设置为要删除的元素节点

3. 通过使用 parentNode 属性和 removeChild() 方法来删除此元素节点

删除文本节点

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

xmlDoc=loadXMLDoc("/static/media/dom/books.xml");
x=xmlDoc.getElementsByTagName("title")[0];
y=x.childNodes[0];
x.removeChild(y);

运行范例 »

1. 使用 loadXMLDoc() 函数把 "/static/media/dom/books.xml" 载入 xmlDoc 中

2. 把变量 x 设置为第一个 title 元素节点

3. 把变量 y 设置为要删除的文本节点

4. 通过使用 removeChild() 方法从父节点删除元素节点

不太常用 removeChild() 从节点删除文本
可以使用 nodeValue 属性代替它

清空文本节点

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

xmlDoc=loadXMLDoc("/static/media/dom/books.xml");
x=xmlDoc.getElementsByTagName("title")[0].childNodes[0];
x.nodeValue="";

运行范例 »

1. 使用 loadXMLDoc() 函数把 "/static/media/dom/books.xml" 载入 xmlDoc 中

2. 把变量 x 设置为第一个 title 元素的文本节点

3. 使用 nodeValue 属性来清空文本节点的文本

延伸

可以通过遍历来更改所有 <title> 元素的文本节点： 运行范例 »

根据名称删除属性节点

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

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

xmlDoc=loadXMLDoc("/static/media/dom/books.xml");
x=xmlDoc.getElementsByTagName("book");
x[0].removeAttribute("category");

运行范例 »

1. 使用 loadXMLDoc() 函数把 "/static/media/dom/books.xml" 载入 xmlDoc 中

2. 使用 getElementsByTagName() 来获取 book 节点

3. 从第一个 book 元素节点中删除 "category" 属性

延伸

遍历并删除所有 <book> 元素的 "category" 属性： 运行范例 »

根据对象删除属性节点

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

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

xmlDoc=loadXMLDoc("/static/media/dom/books.xml");

x=xmlDoc.getElementsByTagName("book");

for (i=0;i<x.length;i++)
{
  while (x[i].attributes.length>0)
  {
    attnode=x[i].attributes[0];
    old_att=x[i].removeAttributeNode(attnode);
  }
}

运行范例 »

1. 使用 loadXMLDoc() 函数把 "/static/media/dom/books.xml" 载入 xmlDoc 中

2. 使用 getElementsByTagName() 来获取所有 book 节点

3. 检查每个 book 元素是否拥有属性

4. 如果在某个 book 元素中存在属性，则删除该属性