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>
    
    尝试一下