javascript - ボタンの色をプログラムで変更する

Question

ボタンの色、または少なくともボタンラベルの色をプログラムで変更する方法はありますか? ラベル自体を変更できます

document.getElementById("button").object.textElement.innerText = "newlabel";

でもどうやって色を変えるの？

score 41 · Accepted Answer

私は最終的に動作するコードを見つけました - これを試してください:

document.getElementById("button").style.background='#000000';

score 6 · Accepted Answer

HTML を使用した例を次に示します。

<input type="button" value="click me" onclick="this.style.color='#000000';
this.style.backgroundColor = '#ffffff'" />

JavaScript を使用した例を次に示します。

document.getElementById("button").bgcolor="#Insert Color Here";

score 6 · Accepted Answer

おそらくclassNameを変更するのが最善です：

document.getElementById("button").className = 'button_color';

次に、背景色などを設定できるボタンスタイルを CSS に追加します。

score 1 · Accepted Answer

それをクラスに割り当てると、うまくいくはずです：

<script>
  function changeClass(){
    document.getElementById('myButton').className = 'formatForButton';
  }
</script>

<style>
  .formatForButton {
    background-color:pink;
   }
</style>

<body>
  <input id='myButton' type=button class=none value='Change Color to pink' onclick='changeClass()'>
</body>

score 1 · Accepted Answer

1

use jquery :  $("#id").css("background","red");

于 2014-09-01T09:55:25.497 に答える

score 0 · Accepted Answer

あなたはbgcolorが欲しいと思います。このようなもの：

document.getElementById("button").bgcolor="#ffffff";

以下に役立つデモをいくつか示します。

背景色

背景色チェンジャー

score 0 · Accepted Answer

このコードを試してください

<button class="normal" id="myButton" 
        value="Hover" onmouseover="mouseOver()" 
        onmouseout="mouseOut()">Some text</button>

次に、.js ファイルにこれを入力します。HTML が .js に接続されていることを確認してください

var tag=document.getElementById("myButton");

function mouseOver() {
    tag.style.background="yellow";
};
function mouseOut() {
    tag.style.background="white";
};

javascript - ボタンの色をプログラムで変更する

7 に答える 7

Related

Reference