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

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

the code that works fine

但是当我使用的CSS类，而不是样式属性，JS代码doesnt't工作。当我点击 - >按钮时，我看不到屏幕上的子列表项。所以我不想使用style属性。因为它很容易从我的网站的CSS文件中读取样式代码。我能做些什么来处理这个问题？任何建议？

the code that doesn't work

注：由于“插入后”中的代码片段工具按钮不起作用，我把代码的图像转换成我的职务。

2014-10-04 Hasan

下次应该包含一个指向jsfiddle的链接，而不是粘贴jsfiddles的截图。 – 2014-10-04 05:43:20

Djd你尝试称为“调试”的技术？ – 2014-10-04 06:49:10

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

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

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

2014-10-04 05:41:19

回答