选择div和单击功能

Question

尝试使用＆＃34; weather-info-temp＆＃34;选择div。上课并点击一下。但是我得到一个错误＆＃34; document.getElementsByClassName（＆＃34; weather-info-temp＆＃34;）＆＃34;不是一个功能......我做错了什么？

document.getElementsByClassName("weather-info-temp").on("click", function() {
// code
});

Answer 1

getElementsByClassName返回元素的数组（如对象），on是jquery函数。

如果你有jquery，请使用

$(".weather-info-temp").on("click", function(){
    // do stuff on click
});

如果不使用

var eles = document.getElementsByClassName("weather-info-temp");
for(var i=eles.length; i--;) eles[i].addEventListener("click", function(){
   // do stuff on click
}, false);