XML DOM removeChild() 方法
XML基础 2023-08-13 15:10:34小码哥的IT人生shichen
XML DOM removeChild() 方法
定义和用法
removeChild() 方法删除子节点。
如成功，则返回被删除的节点，否则返回 NULL。
语法：
elementNode.removeChild(node)
| 参数 | 描述 |
|---|---|
| node | 必需。规定要删除的子节点。 |
实例
在所有的例子中，我们将使用 XML 文件 books.xml，以及 JavaScript 函数 loadXMLDoc()。
下面对代码片段删除第一个 <book> 元素中最后一个子节点：
//check if last child node is an element node
function get_lastchild(n)
{
x=n.lastChild;
while (x.nodeType!=1)
{
x=x.previousSibling;
}
return x;
}
xmlDoc=loadXMLDoc("books.xml");
x=xmlDoc.getElementsByTagName("book")[0];
deleted_node=x.removeChild(get_lastchild(x));
document.write("Node removed: " + deleted_node.nodeName);
输出：
Node removed: price
注释：Internet Explorer 会忽略节点间生成的空白文本节点（例如，换行符号），而 Mozilla 不会这样做。因此，在上面的例子中，我们创建了一个函数来获取正确的子元素。
提示：如需更多有关 IE 与 Mozilla 浏览器差异的内容，请访问 phpcodeweb 的 XML DOM 教程中的 DOM 浏览器 这一节。
TIY
完整实例【removeChild() - 从 nodelist 中删除最后一个子节点】：
<html>
<head>
<script type="text/javascript" src="/demo/example/xdom/loadxmldoc.js">
</script>
</head>
<body>
<script type="text/javascript">
//检查最后一个节点是否是元素节点
function get_lastchild(n)
{
var x=n.lastChild;
while (x.nodeType!=1)
{
x=x.previousSibling;
}
return x;
}
xmlDoc=loadXMLDoc("/demo/example/xdom/books.xml");
document.write("book 节点的数目：");
document.write(xmlDoc.getElementsByTagName('book').length);
document.write("<br />");
var lastNode=get_lastchild(xmlDoc.documentElement);
var delNode=xmlDoc.documentElement.removeChild(lastNode);
document.write("removeChild() 方法执行后 book 节点的数目：");
document.write(xmlDoc.getElementsByTagName('book').length);
</script>
</body>
</html>
可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html
