如果值动态更改，则触发函数[重复]

Question

我有一个动态更改的div，当div 的属性发生更改时，我需要触发一个javascript 函数。

Inputbox 有一个名为onChange 的属性。 divs 有类似的东西吗？当background-color、height、top 等值发生更改时，我需要触发该函数。

<div id="hello" onChange="Changed()">Espinete</div>

function Changed(){alert('The div was changed');}

Answer 1

您可以使用MutationObserver。这是一个演示

let div = document.querySelector('div');

setTimeout(() => div.style.backgroundColor= "red",2000);

var data = { attributes: true, childList: true, subtree: true };

let x = new MutationObserver((list) => {
  console.log(list[0].target.style.backgroundColor)
})
x.observe(div,data)

<div>Something</div>

Answer 2

编辑：以下解决方案已弃用，抱歉。

尝试使用DOMNodeInserted 和DOMNodeRemoved 事件。

$('#hello').on('DOMNodeInserted DOMNodeRemoved', function() {
    alert('The div was changed');
});