移除DOM元素

最新推荐文章于 2023-09-24 09:48:11 发布

Tyler-阿信

最新推荐文章于 2023-09-24 09:48:11 发布

阅读量2k

点赞数

分类专栏： JavaScript 文章标签： dom

JavaScript 专栏收录该内容

18 篇文章

订阅专栏

本文介绍了一种在Internet Explorer浏览器中避免内存泄漏的方法，即通过创建一个新的div元素来包含待移除的节点，然后清空div的内容，而非直接删除节点。此方法适用于IE，而对于其他现代浏览器，则可以直接使用removeChild进行节点移除。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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

js代码如下：

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);
    }
}

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

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