-3

1 つのアクションが複数の要素に影響するページを作成しています。私がやりたいのは、各要素を同じグループ/クラスの一部としてラベル付けすることです。これにより、そのラベルを持つ任意の要素に関数を作用させることができます。現在、私は getElementById を使用しており、各要素には一意の識別子が必要です。各関数に要素ごとに個別のアクションを与えるよりも、1 つのアクションを指定して、特定のラベルを持つ任意の要素に作用するように指示することをお勧めします。これが私が今持っているものです：

<script>
function C1on()
{
element=document.getElementById('C1p');
  {
  element.src="ring.png";
  }
element=document.getElementById('C1c');
  {
  element.src="ring.png";
  }
}
</script>

それを呼び出す：

<td><img id="C1p" onmouseover="C1on()"
onmouseout="C1off()" src="blank.png" width="63" height="63"></td>

そのため、単に「C1」というラベルの付いたものを探してこのアクションを実行するように指示する代わりに、それらの「C1」要素を個別に呼び出す必要があります。getElementsByClassName は私が探しているもののようですが、それを機能させることができませんでした。短くてシンプルでクリーンなコードが欲しいだけで、今持っているものが間違っているに違いないことはわかっています。

4

1 に答える 1

2

これがクラスの目的です

document.getElementsByClass('class_name').addEventListener("mouseover", function(event){
    event.target.src = "ring.png"
}, false);

HTMLで： 

<img class="class_name"/>
于 2013-07-25T04:51:39.737 に答える