Definition and Usage
定义和用法

The removeChild() method removes a child node.
removeChild()方法的作用是：删除一个子节点。

This function returns the removed node on success, or NULL on failure.
这个函数如果执行成功，将返回被删除的子节点；如果执行失败，将返回null[空值]。

Syntax
语法

elementNode.removeChild(node)

In all examples, we will use the XML file books.xml, and the JavaScript function loadXMLDoc().
在所有案例中，我们将使用“books.xml”文件以及JavaScript 函数“loadXMLDoc()”。

Example
案例

The following code fragment removes the last child node in the first <book> element:
下面的代码片断将删除<book>元素中的最后一个子节点：

//check if last child node is an element node
function get_lastchild(n)
{
var x=n.lastChild;
while (x.nodeType!=1)
{
x=x.previousSibling;
}
return x;
}
xmlDoc=loadXMLDoc("books.xml");
var x=xmlDoc.getElementsByTagName("book")[0];
deleted_node=x.removeChild(get_lastchild(x));
document.write("Node removed: " + deleted_node.nodeName);

Output:
输出结果：

Node removed: price

Internet Explorer will skip white-space text nodes that are generated between nodes (e.g. new-line characters), while Mozilla will not. So, in the example above, we have created a function to get the right "lastChild" element.
IE将跳过在节点之间产生的空格文档节点（如：换行字符），而Mozilla不会这样。在下面的案例中，我们将创建一个用于获取正确“lastChild[最后一个子元素]”的函数。

To read more about the differences between IE and Mozilla browsers, visit our Mozilla vs. IE chapter in our XML DOM Tutorial.
如果你想获取更多关于IE和Mozilla浏览器的不同，那你可以访问XML DOM教程中的“Mozilla vs. IE ”这章。

Try-It-Yourself Demos
自我演示

removeChild() - Remove the last child node from a nodelist
removeChild() - 删除节点列表中的最后一个子节点

评论 (0) All