javascript - 如何找到设置元素内联样式的 JavaScript？

Question

我想知道有什么方法可以找出内联 CSS 样式的来源。正如您在下图中看到的，我有一个使用 JavaScript 生成的带有内联样式的元素。有时我的代码似乎中断并将宽度设置为 0px，使 div 不可见。

我查看了所有 JS 文件，但似乎找不到错误。

有没有办法找到正确的文件和行，就像开发工具对 css 文件所做的那样？

Answer 1

由于您使用的是 Chrome:

1. 右键单击页面中的元素并Inspect Element
2. 右键单击元素的 DOM 检查器 View ，Break on… → Attributes Modifications

当用JS修改元素的内联样式时，调试器会像断点一样触发。

这将向您显示 JS 的相关行并为您提供一个堆栈，以便您可以找出从何处调用该行。