Функция не показана в моем случае

Question

привет, я пытаюсь создать галерею здесь. вот мой HTML

<ul id="moniqueGalList"> 
    <li><img class="moniqueThumbs" src="img/1Thumb.jpg" data-bigImgPath="img/1.jpg" alt=""></li> 
    <li><img class="moniqueThumbs" src="img/2Thumb.jpg" data-bigImgPath="img/2.jpg" alt=""></li> 
</ul> 

И мой JS

var currentThumbs=document.getElementsByClassName('moniqueThumbs'); 


function myFunction() { 
    alert ("Hello World!"); 
} 
currentThumbs.addEventListener("click", myFunction); 

Но почему-то говорит, что эта ошибка Uncaught TypeError: currentThumbs.addEventListener не является функцией Пожалуйста, скажите мне, где я это делаю неправильно. Thanks

Answer 1

getElementsByClassName возвращает HTMLCollection.

пункты доступа с индексом

var currentThumbs=document.getElementsByClassName('moniqueThumbs'); 


function myFunction() { 
    alert ("Hello World!"); 
} 

for(var i = 0; i < currentThumbs.length; i++){ 
    currentThumbs[i].addEventListener("click", myFunction); 
}