0

そのため、javascript を使用して入力ボックスのクラスを変更しようとしていますが、うまくいかないようです。

私は2つのCSSクラスを持っています。

通常のクラスは .butz で、クリックしたときにボタンを変更したいクラスは .butzz です

だから、私は私のhtmlのためにこれを持っています:

<input id="butval1" class="butz" type="button" name="design1" value="Choose Design" onclick="" />

これは私のjsです

document.getElementById("butval1").className += "butzz";

私が本当にやりたいことは、クラスを butz から butzz に変更するか、可能であれば、ボタンの背景色を getElementByClassName で変更することです

すべて同じクラスの 9 つのボタンがあり、クリックしたボタンを緑または #24f000 に変更したい

皆さん、ありがとうございました

4

2 に答える 2

2

を使用しjavascriptてクラス名を変更できます

document.getElementById('butval1').className = 'butzz'

JavaScript を使用して新しいクラスを追加する場合

document.getElementById('butval1').className += ' butzz'

クリックされた DOM クラスを変更するには、関数を作成し、そのクリックされた DOM を引数として関数に渡す必要があり、渡された引数を使用してこれを行うことができます。

例

<input id="butval1" class="butz" type="button" name="design1" value="Choose Design" onclick="changeID(this);" />
<input id="butval2" class="butz" type="button" name="design1" value="Choose Design" onclick="changeID(this);" />
<input id="butval3" class="butz" type="button" name="design1" value="Choose Design" onclick="changeID(this);" />

function changeID(args)
{
    args.className = 'butzz'
}

ライブデモ

于 2013-09-11T04:02:43.923 に答える
1

試す：

<input id="butval1" class="butz" type="button" name="design1" value="Choose Design" onclick="changeID(this);" />
<input id="butval2" class="butz" type="button" name="design1" value="Choose Design" onclick="changeID(this);" />
<input id="butval3" class="butz" type="button" name="design1" value="Choose Design" onclick="changeID(this);" />

function changeID(elm){
    var NAME = elm;
    var currentClass = NAME.className;
    if (currentClass == "butz") { 
        NAME.className = "butzz";   
    } else {
        NAME.className = "butz";  
    }
}

DEMO FIDDLE

于 2013-09-11T04:03:19.487 に答える