Как обратиться к текущему элементу dom в массиве для изменения активности через слушателя

Question

В настоящее время я перебираю все свои изображения и заставляю их события onmouseover / onmouseout менять свое изображение с помощью цикла for.

 var arrows = document.getElementsByClassName('arrow');

 for (var i = 0; i < arrows.length; i++) {
     arrows[i].onmouseover = arrows[i] + ".src = 'images/downarrow_hover.gif';";
     arrows[i].onmouseout = arrows[i] + ".src = 'images/downarrow.gif';";
 }

Это не работает, я делаю это правильно?

Answer 1

Вы должны назначить функции для onmouseover и onmouseout.

var arrows = document.getElementsByClassName('arrow');

for (var i = 0; i < arrows.length; i++) {
    arrows[i].onmouseover = function () {
        this.src = 'images/downarrow_hover.gif';
    };

    arrows[i].onmouseover = function () {
        this.src = 'images/downarrow.gif';
    };

. Что бы это ни стоило, и если вы можете себе это позволить, вы должны изучить jQuery , что делает бриз таким делом :

$('.arrow').hover(
    function () { $(this).attr('src', 'images/downarrow_hover.gif'); },
    function () { $(this).attr('src', 'images/downarrow.gif'); });