javascript - 我如何找到哪个 JavaScript 正在改变元素的样式？

Question

我有一个元素正在通过 JavaScript 应用样式。我不确定确切的位置；有没有办法检查 Firebug 以显示“element.style”的实际来源？

Answer 1

如果您确定它是在内联 style 上设置的，而不是样式表规则的结果，您可以使用非标准的 Mozilla watch() 检测更改方法:

document.body.style.watch('color', function(name, v0, v1) {
    alert(name+': '+v0+'->'+v1);
});
document.body.style.color= 'red';

您可以将 debugger; 放在 watcher 函数中，然后在 Firebug 中查找调用堆栈以查看触发更改的位置。