js 如何监听 body 内容是否改变
如果您想监听body内容的变化，并作出响应，可以使用MutationObserver。以下是一个简单的例子，它会在body内容变化时在控制台输出一条消息：
// 创建一个观察者对象
const observer = new MutationObserver(function(mutations, observer) {
if(mutations[0].target.innerHTML !== mutations[0].oldValue) {
console.log('Body content changed!');
}
});
// 观察body元素的变化
const body = document.querySelector('body');
const config = { attributes: true, childList: true, subtree: true };
observer.observe(body, config);当body的子内容或子元素发生变化时，MutationObserver会被触发，并且如果检测到body的innerHTML发生了变化，它会在控制台输出一条消息。
请注意，MutationObserver可以监听所有类型的DOM变化，包括属性变化、节点添加、节点移除等。在上面的代码中，config对象定义了我们想要观察的特定变化类型。
要停止监听变化，可以调用observer.disconnect()方法。
这个办法可以用来监听页面某个对象元素是否已经加载到页面，然后再对该对象元素执行操作。
原文地址：https://blog.csdn.net/admans/article/details/142561348
免责声明：本站文章内容转载自网络资源，如本站内容侵犯了原著者的合法权益，可联系本站删除。更多内容请关注自学内容网（zxcms.com）！