Как привязать событие на элемент массива?

Question

[AlexanZem]

Всем привет.
К примеру у меня есть набор картинок:

<img src="images/1.jpg" class="animated" alt="">
            <img src="images/2.jpg" class="animated" alt="">
            <img src="images/3.jpg" class="animated" alt="">
            <img src="images/4.jpg" class="animated" alt="">

Далее я получаю коллекцию из img в блоке blockImg:

var images = blockImg.getElementsByClassName('animated');

Повесить событие у меня получается только на каждый элемент типа:
images[0].onmouseover = и.т.д
Хотел бы узнать, можно ли как то привязывать события более автоматизировано, чтобы производить изменения через this и т.п. В общем не привязывать событие на каждый элемент коллекции?

Заранее спасибо за ответы!

Comments

[lega]

Например @mouseover на элементе (angular light): jsfiddle.net/lega911/on2jy6mm

Answer 1

[Сергей]

только циклом или с использованием jquery

var inputElem = document.getElementsByTagName('input');

for(var i = 0; i < inputElem.length; i++) {

    inputElem[i].addEventListener('click', function(){
        alert(this.value);
    }, false);
}