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

回答