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

-2

我正在制作一个页面，其中一个操作影响多个元素。我想要做的是将每个元素标记为同一个组/类的一部分，这样我就可以使用该标签对任何元素执行一项功能。现在我正在使用getElementById，每个元素必须有一个唯一的标识符。我不希望每个函数都为每个元素分别执行一个操作，而是倾向于执行一个操作并告诉它对具有特定标签的任何元素执行操作。这是我现在有：如何将多个JS元素放入一个组

<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看起来就像我正在寻找的东西，但我一直没有能够得到这个工作。我只是想要简洁，简洁的代码，而且我知道我现在所做的必须是做错了。

来源

2013-07-25 TigerhawkT3

准备的*您应该使用jQuery洪水*响应.. –

这是什么类是

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

与HTML：

<img class="class_name"/>

来源

2013-07-25 04:51:39

我想'getElementsByClass'返回数组你必须循环。另外，它是IE9 +（以及成年人浏览器） –

那么，该代码块是否会替换整个脚本，或者脚本中的内容，或者该函数内部的内容？当用户将鼠标移出图像时，它会返回到原来的状态，还是应该使用单独的鼠标移出脚本？ – TigerhawkT3

我似乎无法得到它的工作。我有''改变到在鼠标悬停的图像，并且''回到mouseout。我试图用''来调用。我究竟做错了什么？ – TigerhawkT3

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

回答

相关问题