为什么我的循环将类添加到循环中的最后一项？

Question

我正在尝试使用类名图像将事件绑定到8个项目，这可以：

    var images = document.getElementsByClassName('image');

    Array.from(images).forEach(function(image) {
       image.onmouseup = function(){


        //expand
        var iframe = image.getElementsByTagName('iframe')[0],
            player;
        image.classList.add('focus');

    };
});

但是当我尝试使用这样的普通for循环时，唯一的项目是类焦点，我可以点击任何项目。

var images = document.getElementsByClassName('image');


for(var i = 0; i < images.length; i++){
    var image = images[i];

    image.onmouseup = function(){


        //expand
        var iframe = image.getElementsByTagName('iframe')[0],
            player;
        image.classList.add('focus');

    };
};