-1

アドバイスをいただければ幸いです。これは、一部の Web ウィザードにとっては簡単なことだと思います。どうぞよろしくお願いいたします。

ユーザーがカーソルを合わせたときに .png の表示された部分を変更するために機能している css があります。

.small_icons ul li.companyButton .circle {background-position:0 0;}
.small_icons ul li.companyButton:hover .circle {background-position:0 -56px;}

ユーザーが画像をクリックしたときに位置を 0 -56px に保ち、ユーザーが別の画像をクリックしたときに 0 0 に戻したいと思います。これはすべて同じページで行われているので、JavaScript の onclick 関数を使用する必要があると思います。

javascript を使用して特定の css 要素にアクセスする方法がわかりません。私はもう試した：

document.getElementByClass("circle").style.background-position:0 -56px;

しかし、それは何も変わりません。.circle は .small_icons の子クラスである .companyButton の子クラスだからでしょうか。

どうもありがとう！

4

2 に答える 2

3

あなたはタイプを台無しにしました

document.getElementsByClass("circle")はNodelist（配列のようなオブジェクト）です。したがって、ループするか、使用する必要があります

 document.getElementsByClass("circle")[0].style.background-position="0 -56px";

ループする必要があります

var circles=document.getElementsByClass("circle")
for (var index=0;index<circles.length;index++) {
  circles[index].style.background-position="0 -56px";
}

ダイナミックスタイリングの詳細

于 2012-12-12T06:49:17.273 に答える
0

あなたがする必要があります

document.getElementsByClassName("circle")[0].style.backgroundPosition:0 -56px;

詳細はこちら

于 2012-12-12T06:49:05.537 に答える