如何在JS中检测div元素宽度变化(不是窗口大小调整)？

// 创建一个ResizeObserver实例
const observer = new ResizeObserver(entries => {
  for (let entry of entries) {
    // 获取div元素的新宽度
    const newWidth = entry.contentRect.width;
    // 执行相应的操作，比如更新UI或调用其他函数
    console.log("div元素宽度变化为：" + newWidth);
  }
});

// 监听目标div元素的宽度变化
const targetDiv = document.querySelector("#targetDiv");
observer.observe(targetDiv);

let lastWidth = document.querySelector("#targetDiv").offsetWidth;

setInterval(() => {
  const currentWidth = document.querySelector("#targetDiv").offsetWidth;
  if (currentWidth !== lastWidth) {
    // 宽度发生了变化
    console.log("div元素宽度变化为：" + currentWidth);
    // 执行相应的操作，比如更新UI或调用其他函数
    lastWidth = currentWidth;
  }
}, 100); // 每100毫秒检测一次