使用JavaScript更改CSS類按鈕

是否可以使用JavaScript更改HTML按鈕的CSS類？使用JavaScript更改CSS類按鈕

我試過，但沒有奏效：

document.getElementById("btnChoice1").setAttribute("class", "redButton");

HTML按鈕

<button class="basicButton" id="btnChoice1">

CSS

.basicButton { 
    width:300px; 
} 

.redButton { 
    width:300px; 
    background-color:red; 
}

來源

2012-12-04 user1822824

檢查這個http://stackoverflow.com/questions/195951/change-an-elements-css-class-with-javascript –

className是首選，但你的setAttribute()代碼應該可以工作。如果它不工作，那麼你可能在頁面上的按鈕存在之前執行Javascript。

檢查代碼是否在window.onload事件中或位於按鈕標記之後。

來源

2012-12-04 07:34:36 MrCode

你說得對，它正在執行之前。 – user1822824

嘗試document.getElementById("btnChoice1").className = 'redButton'。

來源

2012-12-04 07:33:10 sevenseacat

，你可以用這個代碼試試：

document.getElementById("btnChoice1").className = "redButton";

，如果你想使用你jQuery來寫這樣的：

(document.getElementById("btnChoice1")).setAttribute("class", "redButton");

迎接Knerd

來源

2012-12-04 07:34:11 Knerd

您的代碼有效。

你很可能沒有把它放在應該在的位置，或者你的代碼有一些錯誤，所以javascript不會執行。

<button id="change" onClick="document.getElementById('btnChoice1').setAttribute('class', 'redButton');">change</button> 

<button class="basicButton" id="btnChoice1"> 
    test 
</button>

證明你的代碼是在這裏工作http://jsfiddle.net/nDmKP/

來源

2012-12-04 07:36:43 Udan

使用JavaScript更改CSS類按鈕

回答

相關問題