Javascript DOM检测元素样式更改（不带JQUERY）

我正在开发一个javascript应用程序，需要在没有JQUERY的情况下检测id=“mydiv”的任何样式更改

document.getElementById("mydiv").addEventListener("WHATISANYCHANGESEVENTNAME", function() {
     alert("change detected");
})

我该怎么做呢。 谢谢

您可以使用

let observer=新的突变观察者（（突变，观察者）=>{
map（m=>console.log（m.target.style.cssText））；
});
observer.observe（mydiv，{attributes:true}）；
//测试哪些更改背景
函数更改bg（e）{
e、 target.style.background='#'+（Math.random（）*2**24 | 0）.toString（16）；//随机颜色
}

.foo{宽度：100px；高度：100px；背景：黄色}

---

clik on me

Wow。救生员：）谢谢。注意，MutationObserver的速度非常慢，它们的处理程序通常是“事件风暴”（观察者的处理程序触发其他突变事件）的来源。如果可能的话，如果控制触发更改的代码，应该使用编程回调/事件。