XML DOM removeChild() 方法

定义和使用

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

提示：删除的子节点可以稍后插入同一文档中的任何元素中；使用 insertBefore() 或 appendChild() 方法稍后将其插入同一文档中，或者使用 acceptNode() 或 importNode() 方法将已删除的节点插入另一个文档中。

浏览器支持

Internet Explorer	Chrome	FireFox	Safari	Opera

9.0（包含）以上支持	4.0（包含）以上支持	2.0（包含）以上支持	3.0（包含）以上支持	9.0（包含）以上支持

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

语法

nodeObject.removeChild(child)

参数

参数	类型	描述
child	Object	必填，要删除的节点

返回值

Node object	返回移除的节点作为Node对象
DOM 版本	核心级别1节点对象。在DOM级别3中修改

示例

以下代码片段将 "books.xml" 加载到 xmlDoc 中，并删除第一个<book>节点中的第一个子节点：

<!DOCTYPE html>
<html>
  <body>
  
  <p id="demo"></p>

  <script>
    var xhttp = new XMLHttpRequest();
    xhttp.onreadystatechange = function() {
        if (xhttp.readyState == 4 && xhttp.status == 200) {
            myFunction(xhttp);
        }
    };
    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 =
        "删除的节点: " + removedNode.nodeName;
    }
  </script>
  
  </body>
</html>

尝试一下