Definition and Usage

The removeChild() method removes a node from the list of child nodes.
removeChild()方法的作用是：删除子节点列表中的一个节点。

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

Syntax
语法

nodeObject.removeChild(node)

Tips and Notes
提示和注意点

Note: 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 below, we have a function that checks the node type of the last child node.
注意：IE将跳过在节点之间产生的空格文档节点（如：换行字符），而Mozilla不会这样。在下面的案例中，我们将创建一个用于获取正确最后一个子元素节点类型的函数。

Element nodes has a nodeType of 1, so if the last child node is not an element node, it moves to the previous node, and checks if this node is an element node. This continues until the last child node (which must be an element node) is found. This way, the result will be correct in both Internet Explorer and Mozilla.
元素节点包含的节点类行为1，因此，如果最后一个节点不是元素节点，那么它将自动移动到上一个节点并检测该节点是否是一个元素节点；这样的过程将一直持续下去直到发现的最后一个子节点是元素节点为止。通过使用这个方法，在IE浏览器或Mozilla浏览器中显示的结果就会同时正确。

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

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

Try-It-Yourself Demos
自我演示

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

评论 (0) All