MutationObserver.MutationObserver()

您所在的位置:网站首页 js监听dom渲染完成 MutationObserver.MutationObserver()

MutationObserver.MutationObserver()

2023-12-18 07:43| 来源: 网络整理| 查看: 265

使用以下代码设置一个观察进程。

jsvar targetNode = document.querySelector("#someElement"); var observerOptions = { childList: true, // 观察目标子节点的变化,是否有添加或者删除 attributes: true, // 观察属性变动 subtree: true, // 观察后代节点,默认为 false }; var observer = new MutationObserver(callback); observer.observe(targetNode, observerOptions);

使用 ID someElement 来获取目标节点树。observerOptions 中设定了观察者的选项,通过设定 childList 和 attributes 为 true 来获取所需信息。

当 observer 实例化时,指定 callback() 函数。之后指定目标节点与记录选项,我们开始观察使用 observe() 指定的 DOM 节点。

从现在开始直到调用 disconnect() ,每次以 targetNode 为根节点的 DOM 树添加或移除元素时,以及这些元素的任意属性改变时,callback() 都会被调用。



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3