javascript - 选择 div 和点击功能

Question

试图选择一个带有“weather-info-temp”类的 div 并在点击时做一些事情。但是我得到一个错误，“document.getElementsByClassName("weather-info-temp")”不是一个函数……我做错了什么？

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);