关于javascript代码问题，bli[i].style.display='block';不执行？

Question

<script type="text/javascript">window.onload=function(){var a=document.getElementById('lable');var ali=a.getElementsByTagName('li');var b=document.getElementById('change');var bli=b.getElementsByTagName('li');ali[0].style.marginTop='0';ali[0].style.backgroundColor='#fff';ali[0].style.borderBottom='none';ali[0].style.height='20px';ali[0].style.lineHeight='20px';for(var i=0;i<ali.length-1;i++){ali[i].onclick = function(){for(var j=0;j<ali.length-1;j++){ali[j].style.marginTop='2px';ali[j].style.backgroundColor='#DADADA';ali[j].style.borderBottom='1px solid #898C95';ali[j].style.height='17px';ali[j].style.lineHeight='17px';bli[j].style.display='none';}this.style.marginTop='0';this.style.backgroundColor='#fff';this.style.borderBottom='none';this.style.height='20px';this.style.lineHeight='20px';bli[i].style.display='block';} } }</script>

Answer 1

js闭包问题，你写的就是闭包举得最基本例子，执行onclick事件时，所绑定函数会沿着作用域链向上查找i值，此时在外部函数中找到的i值在循环结束时已经变成ali.length-2，并不是你所认为的一一对应的0，1，2...

Answer 2

不能这么写的，可以这么分析一下：
一开始加载的时候ali[i]有click事件，这时候，i不断自增，全部加载完成之后，点击触发事件，执行事件处理函数，这时候i是ali.length-1

Answer 3

把这段JS放到页面最下边不用套window.onload=function(){}方法，试试看