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

编辑：不建议使用以下解决方案。

尝试使用DOMNodeInserted和DOMNodeRemoved事件。

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

Answer 2

您可以使用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>

值动态变化时触发功能

2 个答案: