美文网首页
js监听容器标签元素变化

js监听容器标签元素变化

作者: 我有一条小黑狗 | 来源:发表于2021-12-01 17:04 被阅读0次

        var $tar = document.querySelector('.zp-page')

        var MutationObserver =

          window.MutationObserver ||

          window.webkitMutationObserver ||

          window.MozMutationObserver

        var mutationObserver = new MutationObserver((mutations) => {

            // 监听到变化执行

        })

        mutationObserver.observe($tar, {

          childList: true, // 子节点的变动(新增、删除或者更改)

          attributes: true, // 属性的变动

          characterData: true, // 节点内容或节点文本的变动

          subtree: true, // 是否将观察器应用于该节点的所有后代节点

          attributeFilter: ['class', 'style'], // 观察特定属性

          attributeOldValue: true, // 观察 attributes 变动时,是否需要记录变动前的属性值

          characterDataOldValue: true // 观察 characterData 变动,是否需要记录变动前的值

        })

相关文章

网友评论

      本文标题:js监听容器标签元素变化

      本文链接:https://www.haomeiwen.com/subject/dhnsxrtx.html