JavaScript监听元素内容加载完毕:使用MutationObserver
可以使用MutationObserver来监听
中的内容是否加载完毕。
首先,创建一个MutationObserver实例,并指定观察的目标元素:
const targetElement = document.querySelector('.ec-box.player-list.ec-show');
const observer = new MutationObserver(function(mutationsList) {
for(let mutation of mutationsList) {
if (mutation.type === 'childList') {
// 检查是否有新的子元素添加到目标元素中
if (mutation.addedNodes.length > 0) {
// 子元素加载完毕,进行相应操作
console.log('内容加载完毕');
}
}
}
});
然后,配置MutationObserver的选项,并开始观察目标元素的变化:
const config = { childList: true, subtree: true };
observer.observe(targetElement, config);
这样,当
中的内容加载完毕时,就会触发MutationObserver的回调函数,你可以在回调函数中进行相应的操作。
原文地址: https://www.cveoy.top/t/topic/bLk4 著作权归作者所有。请勿转载和采集!
- 上一篇: 高中学美术能上什么大学
- 下一篇: 请帮我写1篇600字博客文章主题是:苦瓜的吃法