0

(特定の) ボタンのセットの背景色を有効にして変更しようとしています。これらのボタンをグループ化して呼び出して、それぞれに特定の ID を設定する必要がないようにするにはどうすればよいですか?

編集：

私がやろうとしていることへのより多くの洞察を与えるために。ボタンはすべて次のように配置されています。

<button onclick="keyPress('e')">e</button>

私がやろうとしたこと（IDと名前も試しました）：

//light up keys
//document.getElementsByTagName("button").style.backgroundColor = 'silver';

//activate keys
//document.getElementsByTagName("button").disabled = false;
4

4 に答える 4

0

「css クラス」を作成し、同じクラスをすべてのボタンに適用します。

<style>
.btn-color
{
   background-color:grey;
}
</style>

<input type="button" id = "btn1" class = "btn-color" />
<input type="button" id = "btn2" class = "btn-color" />
<input type="button" id = "btn3" class = "btn-color" />
<input type="button" id = "btn4" class = "btn-color" />

Dynamically の場合、JQuery を使用する

 $(".btn-color").css("background-color","grey")

Javascript の使用

var elements = document.querySelectorAll(".btn-color");
for (var i = 0; i < elements.length; i++) {
    elements[i].style.backgroundColor = "blue";
}

JSFiddle : http://jsfiddle.net/EmzH8/

于 2013-10-02T16:49:08.123 に答える
0

jqueryを使って...

$("button").css("background", new color)

ボタンのグループが必要な場合は、class 属性を使用します。

$("button.class1").css("background", new color)

JavaScript の場合:

var buttons=getElementsByTagName("button");
for (var i = 0; i < buttons.length; i++) { 
   buttons[i].style.backgroundColor="newcolor";
}

純粋なjavascriptを使用してクラスごとに要素をグループ化できるように、クラス名でそれを行う方法を次に示します: JavaScriptでクラスごとに要素を取得する方法?

ボタンを有効にするには、要素 button 要素 .enabled=true または false を設定します

于 2013-10-02T16:46:25.300 に答える
0

純粋な JavaScript について話している場合:

それらを で配列に選択しvar array = document.getElementsByTagName("button");、ループ内で操作します。を使用して css クラスに設定するか、オブジェクト.className = "whatever"を使用して手動で設定できます。.style = "whatever"

ループして className を確認します:

for (i=0; i<array.length; i++) {
    if (array[i].className == [whatever condition]) {
        array[i].style.backgroundColor = "whatever"; 
        //or array[i].className = "whatever"
    }
}
于 2013-10-02T16:46:36.013 に答える