删除节点

DOM 节点可以根据需要进行删除操作，本节为你讲解如何删除节点。

• removeChild() 方法删除指定节点。
• removeAttribute() 方法删除指定属性。

删除元素节点

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

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

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

xmlDoc=loadXMLDoc("books.xml");

y=xmlDoc.getElementsByTagName("book")[0];

xmlDoc.documentElement.removeChild(y);

实例解释：

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

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

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

xmlDoc=loadXMLDoc("books.xml");

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

x.parentNode.removeChild(x);

实例解释：

删除文本节点

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

xmlDoc=loadXMLDoc("books.xml");

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

y=x.childNodes[0];
x.removeChild(y);

实例解释：

清空文本节点

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

xmlDoc=loadXMLDoc("books.xml");

x=xmlDoc.getElementsByTagName("title")[0].childNodes[0];
x.nodeValue="";

实例解释：

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

根据名称删除属性节点

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

实例：removeAttribute('category')

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

xmlDoc=loadXMLDoc("books.xml");

x=xmlDoc.getElementsByTagName("book");
x[0].removeAttribute("category");

实例解释：

根据对象删除属性节点

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

实例: removeAttributeNode(x)

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

xmlDoc=loadXMLDoc("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);
}
}

实例解释：