Выберите div и нажмите функцию

Question

Попытка выбрать div с классом «weather-info-temp» и сделать что-нибудь по щелчку. Но я получаю сообщение об ошибке, что "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);