JS—监听Dom树变化

最新推荐文章于 2024-11-21 15:08:34 发布

Zjaun

最新推荐文章于 2024-11-21 15:08:34 发布

阅读量666

点赞数

分类专栏： JS 文章标签：前端

本文链接：https://blog.youkuaiyun.com/Zjaun/article/details/103936140

版权

本文介绍了如何使用JavaScript监听DOM树的变化，通过MutationObserver API可以获取到DOM节点变动的详细信息，例如当有新的节点被添加时，可以进一步针对这些新增节点进行特定的操作。

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

可参考链接

function DomtreeChange(ID){
   
    // Firefox和Chrome早期版本中带有前缀

    var MutationObserver = window.MutationObserver || window.WebKitMutationObserver || window.MozMutationObserver
    // var targetNode = document.getElementById(ID);
    var target = document.querySelector(ID);
    var observer = new MutationObserver(function(mutations) {
   
        mutations.forEach(function (mutation) {
   
            switch(mutation.type) {
   
                case 'childList':
                    /* 从树上添加或移除一个或更多的子节点；参见 mutation.addedNodes 与
                       mutation.removedNodes */