javascript - 为什么这么简单的函数都报错？

问题描述

问 题

`

var tooldetailsFunc = function(e){
    // function tooldetailsFunc(e){
    var el = e.target;
    alert(1);
}
var tooldetails = document.getElementByClassName("details");
// var tooldetails = document.querySelector(".details");
// tooldetails.addEventListener("click", tooldetailsFunc);
// tooldetails.addEventListener("click",tooldetailsFunc);
tooldetails.addEventlistener("click",tooldetailsFunc);
// 这一句无故报错

`

curencys.js:40 Uncaught TypeError: tooldetails.addEventlistener is not a function

啊，受不了了，为什么 这么简单的函数都报错？
我只是想给 相同的类名添加 点击事件！

var tooldetailsFunc = function(e){
    // function tooldetailsFunc(e){
    var el = e.target;
    alert(1);
}
var tooldetails = document.getElementByClassName("details");
// var tooldetails = document.querySelector(".details");
// tooldetails.addEventListener("click", tooldetailsFunc);
// tooldetails.addEventListener("click",tooldetailsFunc);
tooldetails.addEventlistener("click",tooldetailsFunc);

Uncaught TypeError: document.getElementByClassName is not a function

---

感谢各位的无私帮助，我会认真的实习基础的，


已经成功，我一点击，就2 嘿嘿

解决方案

别着急兄弟。首先getElementsByClassName返回的是一个元素数组，不能直接绑定事件的。你得取出数组的元素先
比如

for(var i = 0; i < tooldetails.length; i++){
    tooldetails[i].addEventlistener("click",tooldetailsFunc);
}

还是掌握基础先。比如api中传入哪些参数，返回哪些数据。

对了，还有楼下朋友提到的拼写错误。

这篇关于javascript - 为什么这么简单的函数都报错？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！