2013-01-24 48 views
0

可能重複:
How to access css properties in javascript when applied via external CSS file?
How do i get a computed style?訪問HTML屬性通過CSS類設置

我試圖建立一些簡單的顯示/隱藏<div>當別的東西是點擊。我將display屬性設置爲應用於動態<div>的CSS類。我發現第一次檢查時,div.style.display屬性未設置爲初始類值。我猜測事情工作正常,並且因爲我沒有專門將樣式應用於HTML中的標籤,所以當我的JS執行時它沒有被設置。在這種情況下,在標籤上明確設置display是否常見,所以我有查詢的價值?

+0

顯示屬性具有'inline'的默認值。參考:http://www.w3schools.com/cssref/pr_class_display.asp – Manish

回答

1

在您的CSS文件中將元素設置爲display:none的做法是常見的做法,這種方式在頁面上加載JavaScript時看不到元素。但是,如果你願意,你可以直接應用style="display:none;"

+0

有趣的。我不知道你提到的加載方面。你是說如果我直接在標籤上設置樣式,或者通過類設置樣式,那麼可能會出現加載時間「閃爍」的元素? – Askable

+0

無論你如何通過CSS設置它,只要設置它。如果您僅通過JavaScript進行設置,則閃爍可能會發生,並且仍取決於如何加載和執行JavaScript – keeg

+0

OIC。誤解。我正確地設置它在CSS中的初始顯示。我只是很好奇,爲什麼我可以在'.style'中看到初始值,並且最好是在這種情況下明確設置樣式。我現在明白'.style'和class不一樣。 – Askable