如何观察HTML类中的更改以更改innerHTML属性

// 目标元素
const targetElement = document.getElementById('target');

// 创建MutationObserver实例
const observer = new MutationObserver((mutationsList) => {
  for (let mutation of mutationsList) {
    if (mutation.type === 'childList' && mutation.target === targetElement) {
      // innerHTML属性发生更改
      console.log('innerHTML属性已更改');
      // 执行相应的操作
    }
  }
});

// 配置观察选项
const config = { childList: true, subtree: true };

// 开始观察目标元素
observer.observe(targetElement, config);

// 目标元素
const targetElement = document.getElementById('target');

// 事件处理程序
const handleEvent = () => {
  // innerHTML属性发生更改
  console.log('innerHTML属性已更改');
  // 执行相应的操作
};

// 监听DOMSubtreeModified事件
targetElement.addEventListener('DOMSubtreeModified', handleEvent);

// 目标元素
const targetElement = document.getElementById('target');

// 保存当前的innerHTML属性值
let previousInnerHTML = targetElement.innerHTML;

// 定时器回调函数
const checkInnerHTML = () => {
  if (targetElement.innerHTML !== previousInnerHTML) {
    // innerHTML属性发生更改
    console.log('innerHTML属性已更改');
    // 执行相应的操作

    // 更新previousInnerHTML的值
    previousInnerHTML = targetElement.innerHTML;
  }
};

// 每隔一段时间检查一次innerHTML属性
setInterval(checkInnerHTML, 1000); // 例如，每秒检查一次