Question

帮忙看下这段JS代码，解释下每句话的含义

<ul>
<li class="oLi">1</li>
<li class="oLi">2</li>
<li class="oLi">3</li>
</ul>
</div>

<script type="text/javascript">

var oLi = document.getElementsByClassName('oLi');

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

oLi[i].index = i;
console.log(i);
var fun = function (b) {

alert(oLi[b].index);
};

oLi[i].onclick = fun.bind(null, i);
}

Answer 1

var oLi = document.getElementsByClassName('oLi');//取出样式为oLi的元素组

for (i = 0; i < oLi.length; i++) {//循环

oLi[i].index = i;//给oLi[i]的元素一个属性index值为i
console.log(i);//在控制台输出i的值
var fun = function (b) {//定义了一个方法 可写在循环外.

alert(oLi[b].index);//弹出出oli元素组中下角标为b的元素的属性index 赋值在上面
};

oLi[i].onclick = fun.bind(null, i); //绑定事件
}