javascript - 根据类名在事件上运行函数

Question

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

如果图像具有 Milk 类，我希望运行一个函数，如果图像具有 Water 类，我希望运行另一个函数。

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

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() 编码放在链接上。

标签： javascripthtmljquery

Answer 1

利用

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

代替drink.onClick = functionName