javascript - 为什么这么简单的函数都报错？-PHP中文网问答

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 嘿嘿

全部回复(9)

阿神2017-04-11 11:27:17 9楼

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

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

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

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

赞 +0

添加回复

ringa_lee2017-04-11 11:27:17 8楼

兄弟，两个问题，先说第一个：

这里表示你 tooldetails这个变量没有addEventlistener方法，检查下，发现拼写错误。addEventListener

再说第二个：

这里表示document没有getElementByClassName这个function，仔细点，真正的方法名是getElementsByClassName。你少了一个s。

还有就是这个getElementsByClassName拿出来是一个数组。

PHP中文网2017-04-11 11:27:17 7楼

通过className找元素可以找到多个，复数elements，getElementsByClassName。

既然是多个的话，绑定事件要循环绑定

PHP中文网2017-04-11 11:27:17 6楼

addEventListener 大写
getElementsByClassName s
建议回去看看基础

PHP中文网2017-04-11 11:27:17 5楼

两处拼写错误，要细心啊同学。

 addEventListener  L大写//驼峰命名法
getElementsByClassName  记得加s//理解函数名，className非单一性，所以是复数

黄舟2017-04-11 11:27:17 4楼

首先你获取不到元素，你拼写错误，getElementsByClassName
其次，这个获得的是一个伪数据，并不是真正的数组元素，但是可以用循环
再次，绑定事件是得循环添加

天蓬老师2017-04-11 11:27:17 3楼

拼写错啊，建议楼主用好一点的编辑器，不要用那些没提示的。反而降低效率

巴扎黑2017-04-11 11:27:17 2楼

另外，你可以直接在浏览器下单步调试，看变量是什么类型，都包括哪些方法和参数。这也是个不错的学习途径

PHP中文网2017-04-11 11:27:17 1楼

报错不是很明显了吗。