如何使用`MutationObserver`观察`HTMLElement`的属性而不是属性

// 创建一个MutationObserver实例
const observer = new MutationObserver((mutationsList, observer) => {
  // 遍历每个MutationRecord对象
  for (let mutation of mutationsList) {
    // 判断是否是属性变化
    if (mutation.type === 'attributes') {
      // 获取变化的属性名和属性值
      const attributeName = mutation.attributeName;
      const attributeValue = mutation.target.getAttribute(attributeName);
      
      // 执行特定的操作，比如打印属性变化信息
      console.log(`属性 ${attributeName} 的值变为 ${attributeValue}`);
    }
  }
});

// 指定要观察的目标元素和变化类型
const targetElement = document.getElementById('target');
const config = { attributes: true };

// 开始观察
observer.observe(targetElement, config);