建筑公司需求发布网站,阿里云建站和公司建站有什么优势,京东网站的建设情况,郑州上市企业网站建设如果您想监听body内容的变化#xff0c;并作出响应#xff0c;可以使用MutationObserver。以下是一个简单的例子#xff0c;它会在body内容变化时在控制台输出一条消息#xff1a;
// 创建一个观察者对象
const observer new MutationObserver(function(mutations, obser…如果您想监听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()方法。
这个办法可以用来监听页面某个对象元素是否已经加载到页面然后再对该对象元素执行操作。
