js写循环只有最后一个有效

var li = document.querySelectorAll('li');
for (var i = 0 ; i < 11 ; i ++){
        li[i].addEventListener('mouseover', function () {
            li[i].style.backgroundColor = 'white';
            console.log(i);
        });
    }

clipboard.png

希望的效果是鼠标经过标签的时候改变颜色
通过addevenlistener添加mouseover实现
但是现在的效果是不管鼠标经过哪个li
consolelog输出的都是11 也就是只有最后一个变颜色

阅读 2.4k
评论
    11 个回答
      相似问题
      推荐文章