-3

我正在制作一个页面，其中一个操作会影响多个元素。我想做的是将每个元素标记为同一组/类的一部分，因此我可以让函数作用于具有该标签的任何元素。现在我正在使用 getElementById，每个元素都必须有一个唯一的标识符。与其为每个元素赋予每个函数一个单独的操作，我更愿意有一个操作并告诉它对具有特定标签的任何元素进行操作。这是我现在拥有的：

<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 回答