如何检测哪个JavaScript方法更改了我的HTML元素？

Question

我正在使用JS库，它似乎错误地将SVG元素放置在我的DIV中。我该如何调试库的哪一部分导致这种情况？什么是程序或有用的代码？

Answer 1

虽然使用调试器会是一条路，但您也可以将该值设置为setter，然后使用它来打破值的变化点。例如与

HTML

<div id="a" style="color: red;">My color changes</div> 

和

脚本

Object.defineProperty(document.getElementById("a").style, "color", { set: function (x) { alert(x); } }); 
document.getElementById("a").style.color = "blue"; 

只是把一个断点在alert(x)，你会直接从突破一个水平远指向值被改变的地方（只需沿着callstack）