移除DOM节点 | 易学教程

在IE中移除容器类节点，会引起内存泄露，最好是创建一个新的节点，比如div，然后将要删除的节点放入这个div中，再将div的innerHTML清空。其它的直接removeChild就可以了。

 var removeNode = !+"\v1" ? function(){
    var d;
    return function(node){
        if(node && node.tagName != 'BODY'){
            d = d || document.createElement('DIV');
            d.appendChild(node);
            d.innerHTML = '';
        }
    }
}() : function(node){
    if(node && node.parentNode && node.tagName !=  'BODY'){
        node.parentNode.removeChild(node);
    }
}

<![CDATA[// ><!--

//--><!]]>
</script><style type="text/css">
<![CDATA[/* ><!--*/

<![CDATA[/* ><!--*/

#ddd {
        width:400px;
        height:200px;
        background:red;
      }
      #eee {
        margin:20px;
        width:300px;
        height:100px;
        background:blue;
      }
    
/*--><!]]]]><![CDATA[>*/

/*--><!]]>*/
</style><div id="ddd">
      要去除的父元素
      <div id="eee">
        子元素
      </div>

</div>
    
    <button type="button" onclick="remove('ddd')">去除ddd元素</button><br /><button type="button" onclick="check('ddd')">检测ddd元素是否存在</button><br /><button type="button" onclick="remove('eee')">去除eee元素</button><br /><button type="button" onclick="check('eee')">检测eee元素是否存在</button>

移除节点：

xxx.removeChild(obj) xxx是所删除节点的父节点

xxx.removeNode(true) xxx是所要删除的节点

来源：https://www.cnblogs.com/rubylouvre/archive/2009/07/17/1525637.html

标签

node

dom