[alexkirsanov850@gmail.com]

Доброго времени суток!

Не могу понять, почему не работает нижеследующий код?

var elems = document.getElementsByClassName('anchor');
        
        function addOnWheel(index, handler) {
            if (index < elems.length) {
                elems[index].addEventListener('wheel', handler, false);
            }
        }
        
        for (var i = 0; i < elems.length; i++) {
            addOnWheel(i, function(e) {
                elems[i].style.backgroundColor = 'green';
            })
        }

В тоже время, замечательно работает следующий:

var elems = document.getElementsByClassName('anchor');
        
        function addOnWheel(index, handler) {
            if (index < elems.length) {
                elems[index].addEventListener('wheel', handler, false);
            }
        }
        
//        for (var i = 0; i < elems.length; i++) {
            addOnWheel(0, function(e) {
                elems[0].style.backgroundColor = 'green';
            });
            addOnWheel(1, function(e) {
                elems[1].style.backgroundColor = 'green';
            });

//        }

т/е в цикле не работает
в ручную работает

В чем разница?