javascript - 使用 JavaScript 更改按钮的 CSS 类

Question

是否可以使用 JavaScript 更改 HTML 按钮的 CSS 类？

我试过了，但没用:

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

HTML 按钮

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

CSS

.basicButton {
    width:300px;
}

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

Answer 1

className 是首选，但您的 setAttribute() 代码应该有效。如果它不起作用，那么您可能在按钮出现在页面上之前执行了 Javascript。

检查代码是在 window.onload 事件中还是在按钮标记之后。