                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /Tab选项卡切换效果

为什么一定要用titles[i].id = i;然后用divs[this.id]去取到元素而不用divs[i]？

练习题中实测，用divs[i]不行，而divs[this.id]就可以，不知道为啥

for(var i=0;i<titles.length;i++){
         titles[i].id = i;
         titles[i].onclick = function(){
            // alert(conts[this.id].style.display);
             if(divs[this.id].style.display == "none"){
                 divs[this.id].style.display = "block";
             }else{
                 divs[this.id].style.display = "none";
             }
         }
     }

CoolIsLife

2015-04-02

源自：Tab选项卡切换效果 1-5

关注问题我要回答

1709

操作

收起

3 回答

用户已禁用
2015-04-02

因为onclick是事件绑定函数，也就是说你的click事件发生的时候，局部变量i早就不存在了（undefined）。所以需要把i存入到titles的每个对象中，这样当你很久之后发生click事件时，还是能读取到正确的i的值。

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

收起回答

CoolIsLife 提问者

非常感谢！

2015-04-02 回复有任何疑惑可以回复我~

CoolIsLife 提问者

是不是可以这样理解，window.onload = function(){...}中，function里面的内容在界面加载时就大部分已经实例化了，即就加载这一次，而里面 *.onclick = function(){...}事件绑定函数只有在触发事件的时候才去实例化，即以后只是会多次加载事件绑定函数，而window.onload = function(){...}中的function不再加载，故i不存在，也就没有意义了？

2015-04-02 回复有任何疑惑可以回复我~

用户已禁用回复 CoolIsLife 提问者

大概就是这样

2015-04-02 回复有任何疑惑可以回复我~