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

Question

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

但是当我使用css类而不是style属性时，JS代码不起作用。当我点击 - ＆gt;时，我无法在屏幕上看到子列表项目。按钮。所以我不想使用style属性。因为它很容易从我的网站上的css文件中读取样式代码。我该怎么做才能解决这个问题？有什么建议吗？

注意：因为＆＃34;插入帖子＆＃34;代码片段工具中的按钮不起作用，我将代码作为图像放入我的帖子中。

Answer 1

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

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

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