如何判断直接操作DOM中的样式是什么

Question

我最近遇到了一个错误，我无法控制HTML元素的样式（不使用!important），因为我的代码库中的某些内容直接向我的DOM元素添加了内联样式。

经过相当多的挖掘，我发现这是由于我使用的第三方模块：document.body.style.overflow = 'visible';

令我感到沮丧的是，只要我找到了这个问题的根源，它就让我感到疑惑。有没有有效的方法来确定这样的直接DOM操作的来源？ Chrome开发工具中没有明显的东西。

Answer 1

使用Chrome，您可以向该元素添加DOM断点，只需右键单击检查器中的元素，最后一个选项将允许您在更改属性时添加断点。这样，您可以轻松查看元素何时被更改。