更改基於Javascript的CSS？

我想知道如何更改javascript..e.g中的CSS元素，如果用戶單擊按鈕，它將背景從白色變爲黑色更改基於Javascript的CSS？

2011-02-04 Skizit

重複：http://stackoverflow.com/questions/195951/change-an -elements-css-class-with-javascript – Mikhail 2011-02-04 17:28:50

每個DOM元素都有一個style屬性，允許對該對象的CSS屬性進行操作，就好像您在使用style屬性一樣。

下面將切換文檔正文的顏色，但同樣適用於其他HTML元素。

<button onclick="document.body.style.background = (toggle = !toggle) ? 'black' : 'white'">Toggle Background</button>

正如TheBuzzSaw指出的那樣，您需要駱駝來證明它們。所以JS屬性是backgroundColor而不是background-color。規則基本上是

var javascriptProperty = cssStyleProperty.replace(
    /-([a-z])/g, 
    function (_, followingLetter) { return followingLetter.toUpperCase(); });

但也有一些例外：因爲float是一個關鍵字，在許多語言中，CSS樣式屬性是cssFloat。唯一的例外是在W3Schools的頁面下JavaScript語法解釋：http://www.w3schools.com/css/pr_class_float.asp

JavaScript語法：對象.style.cssFloat="left"

2011-02-04 17:43:27

有許多屬性/屬性可以直接使用JavaScript進行操作。你只需要知道他們的名字。它們通常是CSS屬性名稱的奇怪的駝峯案例。快速谷歌搜索揭示了很多地方要了解這一點。有黑色按鈕的單擊事件

2011-02-04 17:29:54 TheBuzzSaw

負荷新形象

2011-02-04 17:30:00

這是一個簡單的方法...但是去編程視角的屬性:) – 2011-02-04 17:31:10

如果你不介意使用一個框架，來看看jQuery的，尤其是這樣的： http://api.jquery.com/css/

2011-02-04 17:30:01 o1iver

框架不可知的腳本：

2011-02-04 17:33:16 chprpipr

回答