js面向对象编程指南学习笔记--遍历DOM节点树

最新推荐文章于 2024-06-25 10:51:25 发布

爱德酱

最新推荐文章于 2024-06-25 10:51:25 发布

阅读量505

点赞数

分类专栏：前端技术 js面向对象编程指南学习笔记文章标签：面向对象编程 dom

本文链接：https://blog.csdn.net/a31017799/article/details/70830357

版权

前端技术同时被 2 个专栏收录

29 篇文章 0 订阅

订阅专栏

js面向对象编程指南学习笔记

4 篇文章 0 订阅

订阅专栏

利用树的先序遍历删除树的每个节点

删除节点使用了dom.innerHtml = ”;的方法；

因为单纯地删除节点会导致如果该节点绑定了事件监听器，事件监听器没有删除，会导致浏览器的内存泄露。为了防止这种情况的发生，我们需要在删除某个节点之前先把这个节点树中的所有事件属性全部置null。

下面是示例代码：

function myRemove(dom){
    do{
//      core code
        for(var i in dom.style){
            if(typeof dom[i] === 'function'){
                dom[i] = null;
            }
        }
        dom.innerHtml = '';
        if(dom.hasChildNodes()){
            myRemove(dom.firstChild);
        }
    }while(dom = dom.nextSibling);
}