有没有办法通过 JavaScript 检测元素的 CSS 更改?
我已经尝试过 WebKitMutationObserver,虽然它接近我的需要,但它并没有实现我的目标。
这是正在发生的事情。
- 我加载具有特定样式的页面
- 我改变了页面的“主题”
- 主题“引擎”将一个新的样式表附加到文档的头部——这个样式表会有一系列的样式重载。为简单起见,假设其中有一条规则说“将框'a'的背景颜色更改为'红色'”。
现在,由于我没有通过“class”或“style”属性更改元素的样式,因此观察者的事件“attributes: true”永远不会被触发。
我需要的是一种方法来检测元素背景的颜色是否已变为红色,然后执行某些功能。必须在Webkit中工作。
这甚至可能吗?