Javascript 如何调试设置dom元素样式的内容？

有些东西正在将每个

li

元素样式设置为

opacity:1；显示：列表项

。 是否有任何方法可以调试javascript的哪一部分正在执行此操作？

---

我正在使用Chrome…

和Niet分数+1来随机猜测成功

当调用jQuery的

.show（）

方法时，会添加这些特定项。它使用标记名（在本例中为

）来确定默认样式并进行设置

---

但是，如果您在CSS中对其进行了重写，您可能需要使用

！重要信息

要继续覆盖显示：列表项。但是，请记住，这将阻止您在它们上设置

display:none

，如果您决定这样做（例如jQuery

.hide（）

）。

随机猜测您是否在它们上调用jQuery

.show（）

所以它很可能对项目执行

.show（）

，但为什么添加

display:list项目

？我想避免这种情况…您可以使用chrome开发工具-配置文件选项卡调试这种情况。。单击开始，当不需要的行为发生时，按“停止”。。然后筛选函数并找出谁运行了操作..我没有那么快按stop XD。无论如何@Niet的评论对我有帮助——我发现，如果对尚未连接到dom的元素调用show/hide方法，jquery会自动将display设置为默认项显示。最后，在将项附加到dom之前，我将display设置为我想要的任何内容。