XML DOM removeChild() 方法

定义和用法

removeChild() 方法从当前节点中删除指定的子节点。

提示:被删除的子节点稍后可以插入到同一文档中的任何元素中。请使用 insertBefore() 或 appendChild() 方法稍后将其插入到同一文档中,或者使用 adoptNode() 或 importNode() 方法将被删除的节点插入到另一个文档中。

语法

nodeObject.removeChild(child)

参数

参数 描述
child 必需。Node 对象。要删除的节点。

技术细节

DOM 版本: Core Level 1 Node Object。在 DOM Level 3 中修改。
返回值: Node 对象。将被删除的节点作为 Node 对象返回。

实例

下面的代码将 "books.xml" 加载到 xmlDoc 中,并删除第一个 <book> 节点中的第一个子节点:

var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
   if (this.readyState == 4 && this.status == 200) {
       myFunction(this);
   }
};
xhttp.open("GET", "books.xml", true);
xhttp.send();

function myFunction(xml) {
    var xmlDoc = xml.responseXML;
    var root = xmlDoc.documentElement;
    var currNode = root.childNodes[1];
    removedNode = currNode.removeChild(currNode.childNodes[1]);
    document.getElementById("demo").innerHTML =
    "Removed node: " + removedNode.nodeName;
}

亲自试一试

浏览器支持

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
支持 支持 支持 支持 支持

所有主流浏览器都支持 removeChild() 方法。