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

classNameが推奨されますが、setAttribute()コードは機能するはずです。それが機能していない場合は、ボタンがページに存在する前にJavascriptを実行している可能性があります。

コードがwindow.onloadイベント内にあるか、ボタンのマークアップの後にあることを確認してください。

于 2012-12-04T07:34:36.347 に答える
3

試してみてくださいdocument.getElementById("btnChoice1").className = 'redButton'。

于 2012-12-04T07:33:10.193 に答える
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 に答える