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