将事件添加到具有特定类的HTML元素

Question

我正在使用模态窗口，并且希望尽可能地使该函数可重用。说，我想设置一个类的定位标签与“模式”，当一个特定的锚点标签被点击时，获取其ID并将其传递给一个函数，将执行另一个函数基于传递的ID 。 这是我到目前为止有：

// this gets an array with all the elements that have a class equals to "modal" 
var anchorTrigger = document.getElementsByClassName('modal'); 

然后我试图设置每个项目的addEventListener数组中做这个：

var anchorTotal = anchorTrigger.length; 
for(var i = 0; i < anchorTotal ; i++){ 
    anchorTrigger.addEventListener('click', fireModal, false); 
} 

，然后运行的最后一个函数“fireModal”说将打开模式，就像这样：

function fireModal(){ 
    //some more code here ... 
} 

我的问题是，在“for”循环，我得到一个错误，说anchorTrigger.addEvent ......是不是一个函数。 我可以告诉这个错误可能与我试图将“addEventListener”设置为与个别元素相对的数组有关，但我不知道我应该做什么。 任何帮助将不胜感激。

Answer 1

anchorTrigger[i].addEventListener...