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'