JS代码仿京东商品详情页面报错?

鼠标滑过小图的时候,没有红色边框,并且大图也消失了,F12报错27行,我看着没问题啊/

求大神解答  新人刚学

方案一:用闭包保存住当前循环的i的值
for (var i = 0; i < arr.length; i++) {
    (function(i){
        arr[i].onclick = function () {
            alert(i);
        }
    })(i);
}
方案二:用let块作用域变量
for (var i = 0; i < arr.length; i++) {
    let k = i;
    arr[i].onclick = function () {
        alert(k);
    }
}


你这是循环变量i的问题,

把this.index换成i

错误是这里,这个值为空或不存在。所以不能设置style属性

这样就可以了 谢谢各位!!

 

我把style.display删了 就行了?!!谢谢各位啦