FOR循环赋值元素

源自：4-3 [DOM事件] QQ面板状态切换效果

FOR循环赋值元素

liList i 都为全局变量。

liList = document.querySelectorAll("ul>li");

for (i = 0; i < liList.length; i++) {

liList[i].onmouseover = function () {

liList[i].style.backgroundColor = "#567"; //为什么不能用 liList[i] 而只能用this

}

}

提问者：lqzh 2016-04-21 15:13

个回答

qq_星空下的幻想_0

2016-06-13 06:26:36

为什么用下面第一行代码也不会显示第六行的效果呢
```
 liList[i].style.backgroundColor = "#567";
```
```
LiList[6].style.backgroundColor ="#567"
```
0
lqzh

2016-04-21 15:17:08

脑子一抽又想通了……
最终赋值的是 liList[i]。
i =6 所以，最后所有的LI 赋值的函数都是 LiList[6].style.backgroundColor ="#567"

1