Javascript MutationObserver监视样式更改,只触发一次

Javascript MutationObserver监视样式更改,只触发一次,javascript,html,Javascript,Html,我有以下部门: <div id="new-address-modal" style="display:none;"> </div> 但这只会触发一次。在初始触发后,每当样式发生更改时,我应该做些什么才能触发此事件 谢谢大家! 你所拥有的一切都是有效的,你只是没有改变属性的样式,所以它永远不会被触发 在本例中,我所做的只是每秒更改背景色。突变观察者不会在元素的初始创建时触发,因此如果这是您所期望的,那么您需要创建一个函数,并在元素加载时触发它 如果将值从一个事物修改为同一

我有以下部门:

<div id="new-address-modal" style="display:none;"> </div>
但这只会触发一次。在初始触发后,每当样式发生更改时,我应该做些什么才能触发此事件


谢谢大家!

你所拥有的一切都是有效的,你只是没有改变属性的样式,所以它永远不会被触发

在本例中,我所做的只是每秒更改背景色。突变观察者不会在元素的初始创建时触发,因此如果这是您所期望的,那么您需要创建一个函数,并在元素加载时触发它

如果将值从一个事物修改为同一事物,则也不会触发事件

例如:

<!-- HTML -->
<div style="background: red"></div>

// JavaScript
target.style.background = 'red'

现在你看到我了
“但这只会触发一次”你能创建一个stacksnippet来演示吗?请参阅无法再现问题可能是
console.log()
在浏览器中打印
“样式已更改!”在同一行,操作人员没有注意到
“样式更改”的次数。代码>控制台.log('style changed!');console.log('\n')应打印OP预期的结果。这是可能的,也可能该值被设置为不会触发回调的已设置值。
<!-- HTML -->
<div style="background: red"></div>

// JavaScript
target.style.background = 'red'