根据类名对事件运行函数

Question

我试图根据图像元素类名称运行不同的函数。图像元素在链接元素内部，因为它们被用作照片查看器div中的缩略图。我的目标是在为照片查看器运行On click函数时运行函数。

我想要一个函数运行，如果图像有类牛奶和不同的函数运行，如果图像有类水。

到目前为止，我可以通过类名访问图像元素，但是，当我试图将它们设置为它们不运行的函数时。交货。

HTML

<div> 
<a><img class = Milk /> </a> 
</div>

脚本

var drink = document.getElementsByClassName('Milk'); //gets the elements wanted.

drink.onClick = function name; //does not run the function I set drink on click to.

不确定这些是否有效果，但是，我有一些其他代码在div中的链接元素上运行。添加类，hide()， Fade()和Delay()编码放在链接上。

Answer 1

use

var drink_arr= [...drink];
for(i = 0; i < drink_arr.length; i++){
drink_arr[i].addEventListener('click', functionName);
}

代替drink.onClick = functionName