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)代码>
标题链接
请参阅。