                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /JavaScript进阶篇

在一个FOR循环里，odiv[this.index]为何不能写成odiv[i]

有点绕不出来了解答

    window.onload = function ()
    {
      var oli = document.getElementsByTagName("li");
      var odiv = document.getElementsByTagName("div");
      for(var i=0;i<oli.length;i++)
        {
          oli[i].index = i;
          oli[i].onclick = function()
          {
            for(var j=0;j<oli.length;j++)
              {
                oli[j].className = "";
                odiv[j].className = "hidden";
              } 
            this.className = "on";
            odiv[this.index].className = "";
          }
        }
    }

odiv[this.index].className = "";
写成 odiv[i].className = ""; 就提示找不到这个odiv[i]，不是仍然是在FOR循环里面吗

larger

2016-02-17

源自：JavaScript进阶篇 10-1

关注问题我要回答

2140

操作

收起

3 回答

qq_苏米_0
2016-03-03

涉及闭包，楼主慢慢来初学者都会碰到这那的问题，要有耐心。

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

oli[i].index=i;//给每个li增加一个下标属性，使用这个方法，那么接下来的闭包可以值接使用下标找目标。

......

}下面接着写了一个闭包

oli[i].onclick=function(){

......

odiv[this.index].className()//这里this.index是直接使用上面的下标方属性。

}

如果使用odiv[i]那么此时的i不是012345....下标，而是这样一段代码了，你可以alert(i)就知了。

1 回复有任何疑惑可以回复我~

收起回答

lxc1363992
2016-02-22

window.onload = function() {
    	var a=document.getElementById("ul1");
    	var b=a.getElementsByTagName("li");
     	var c=document.getElementById("div1");
     	var d=c.getElementsByTagName("div");
     	for(var i=0;i<b.length;i++){
    		b[i].index=i;
    		b[i].onmouseover = function() {
	     		for(var i = 0; i < b.length; i++) {
	                    b[i].className = "";
	                    d[i].className="hide";
	                }
	   		this.className="active";
	    		d[this.index].className="";
	    		
	         }
     	}

我虽然做出了效果，可我也不是很清楚这个代码。。。你对比着看吧。把j换成i