Javascript 无法更改 css 文件中的样式？

Question

最近我为我的博客制作了一个存档框。首先，我使用 style 属性来设计我的列表。但是当我将样式属性中的 css 代码移动到单独的 css 文件时，我的 JS 代码不起作用。单击 -> 按钮时，以下代码可以正常工作。

但是当我使用 class of css 而不是 style 属性时，JS 代码不起作用。单击 -> 按钮时，我在屏幕上看不到子列表项。所以我不想使用样式属性。因为在我的网站上很容易从 css 文件中读取样式代码。我能做些什么来处理这个问题？有什么建议吗？

注意:因为代码片段工具中的“插入帖子”按钮不起作用，所以我将代码作为图像放入我的帖子中。

Answer 1

这是因为您正在检查不再设置的样式属性。当您看不到值时，假设该事物不可见，因为这是默认值。

if (!months.style.display || months.style.display == "none") {
   months.style.display = "block";
}

第一次点击后，style 属性将有一个值，它应该可以工作。