在CSS类或div文本内容发生更改时获取更新的html(),可以通过以下步骤实现:
以下是一个示例代码:
// 目标元素的选择器
const targetSelector = '.target-div';
// 创建MutationObserver实例
const observer = new MutationObserver((mutationsList) => {
for (let mutation of mutationsList) {
if (mutation.type === 'attributes' && mutation.attributeName === 'class') {
// CSS类发生变化
const targetElement = mutation.target;
const updatedHtml = targetElement.innerHTML;
console.log(updatedHtml);
}
}
});
// 监听目标元素的属性变化
const targetElement = document.querySelector(targetSelector);
observer.observe(targetElement, { attributes: true });
// 示例:修改目标元素的CSS类
setTimeout(() => {
targetElement.classList.add('new-class');
}, 2000);
在上述示例中,我们创建了一个MutationObserver实例,并指定了一个回调函数。当目标元素的CSS类发生变化时,回调函数将被调用,并获取更新后的HTML内容。
请注意,这只是一个简单的示例,实际应用中可能需要根据具体情况进行适当的调整。
领取专属 10元无门槛券
手把手带您无忧上云