Javascript 我如何在Chrome开发工具或Firefox开发工具中看到JS正在改变我元素的样式？

我的问题是一个noob问题，因为我只是在学习JS，所以我还不擅长它

我目前正在构建一个网站广告，添加了一些JS代码片段来执行一些操作。现在我的页脚有

不透明度：0

，它不是来自CSS，因此必须来自一些JS，但我找不到它。如何找到JS在Chrome或Firefox开发工具中修改特定HTML元素的样式

以下是显示代码的屏幕截图：

---

我检查了所有JS文件，但找不到任何使我的页脚不透明度为0的内容。据我所知，您看不到代码的哪一部分正在更改样式

尝试设置断点，以找出断点设置的位置

---

也许它不在你的js文件中？它可能是文档中的脚本元素

为了防止这种情况发生，您可以在

.html

文件的末尾添加一个小的

标记

我的页脚
/*将此脚本标记放在文档末尾*/
document.getElementsByClassName（“footer”）[0].style.opacity=1//将页脚元素的不透明度设置为1

Chrome开发工具允许您在DOM结构中的特定更改时停止

为此，右键单击元素并从关联菜单中选择“断开”>“属性修改”

---

然后，一旦添加了

style

属性（可能需要重新加载页面），脚本执行将在发生更改的JavaScript行停止。

我使用括号并在Find in Files中搜索不透明性：0，但没有找到赋予页脚的内容。所以一定是来自外部脚本。我将学习如何设置断点。谢谢。我在结束HTML后添加了脚本，但仍然不起作用。我会检查一下指南，希望我能找到问题所在。非常感谢。