Question

我正在创建一个页面，其中一个操作会影响多个元素。我想要做的是将每个元素标记为同一组/类的一部分，因此我可以对具有该标签的任何元素执行函数操作。现在我正在使用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看起来像我正在寻找的，但我无法让它工作。我只想要简短，简洁，干净的代码，而且我知道我现在所做的就是做错了。

Answer 1

这是用于

的类

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

使用html：

<img class="class_name"/>

如何将多个JS元素放入一个组中

1 个答案: