Javascript EventListener不是一个函数

Javascript EventListener不是一个函数,javascript,addeventlistener,Javascript,Addeventlistener,尝试创建一个事件以在单击页脚链接后触发 var hooray=函数(事件){ 控制台日志(“万岁”); }; var footer_link=document.getElementsByClassName('footer-link'); 控制台日志(页脚链接); 页脚链接.addEventListener('click',hooray,false) 标题链接 getElementsByClassName返回一个节点列表——即包含多个元素的列表 如果只需要第一个,则需要通过[0]访问

尝试创建一个事件以在单击页脚链接后触发

var hooray=函数(事件){
控制台日志(“万岁”);
};
var footer_link=document.getElementsByClassName('footer-link');
控制台日志(页脚链接);
页脚链接.addEventListener('click',hooray,false)
标题链接

getElementsByClassName
返回一个
节点列表
——即包含多个元素的列表

如果只需要第一个,则需要通过
[0]
访问它。也就是说,通过索引器访问它。节点列表是索引的(类似于数组),因此
[0]
返回第一个元素,
[1]
返回第二个元素,依此类推-您的案例中只有一个元素

var hooray=函数(事件){
警惕(“万岁”);
};
var footer_link=document.getElementsByClassName('footer-link');
控制台日志(页脚链接);
//注意这里的[0]
页脚链接[0]。addEventListener('click',hooray,false)
标题链接

这是因为'getElementByClassName'返回一个数组,所以需要选择数组的第一个元素。 尝试使用
footer\u链接[0]

var hooray=函数(事件){
控制台日志(“万岁”);
};
var footer_link=document.getElementsByClassName('footer-link');
控制台日志(页脚链接);
页脚链接[0]。addEventListener('click',hooray,false)
标题链接
请参阅。