2

是否可以使用 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;
}
4

4 回答 4

3

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

于 2012-12-04T07:33:10.193 回答
3

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

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

于 2012-12-04T07:34:36.347 回答
2

您可以使用以下代码进行尝试：

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

如果你想使用 jquery，你必须这样写：

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

问候克纳德

于 2012-12-04T07:34:11.213 回答
0

您的代码有效。

您可能没有将 javascript 放在应有的位置，或者您的代码中有一些错误，因此 javascript 无法执行。

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

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

​</p>

证明您的代码在这里工作http://jsfiddle.net/nDmKP/

于 2012-12-04T07:36:43.133 回答