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

为什么要用this.style不直接用tr[i].style呢？

function changeColor(){
         var tbody=document.getElementById("table").lastChild;
         var tr=tbody.getElementsByTagName('tr');
         var len=tr.length;
         for(var i=0;i<len;i++){
             tr[i].onmouseover = function(){
              alert(this);
                 this.style.backgroundColor="#f2f2f2";
             }
             tr[i].onmouseout = function(){this.style.backgroundColor="#fff";
           }
         }
     }

在上面的代码中为什么不能写tr[i].style，有点理解不了了

jinleli

2016-05-24

源自：JavaScript进阶篇 9-22

关注问题我要回答

787

操作

收起

3 回答

qq_夜舞天狼
2016-06-02

我也有疑问，还有一点不懂，这段函数是要预编译么？为什么for（）循环的i会是最后的len值，正常的for（）循环是不是也是这样的？

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

jinleli 提问者
2016-05-25

我又翻了下书，然后我的理解是function(){

alert(this);

this.style.backgroundColor="#f2f2f2";

}是一个函数闭包，此时在这个函数里面调用i应该是最后的一个值即是len也就是3,而tr[i]就是tr[len]，相当于个tr这个数组新增加了一项默认值为undefined.在这里function(){this.style.backgroundColor="#fff";

}是作为tr[i]这个对象的onmouseout属性的值，也就是给tr[i]这个对象添加了一个方法。当函数被作为某个对象的方法调用时，this等于那个对象。

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

#1

qq_夜舞天狼

我也有疑问，还有一点不懂，这段函数是要预编译么？为什么for（）循环的i会是最后的len值，正常的for（）循环是不是也是这样的？

2016-06-02 回复有任何疑惑可以回复我~

名分开就是姓名
2016-05-24

因为那个地方是添加事件，那个事件函数并没有执行，点击执行的时候函数体就只有this这个变量，没定义tr[i]；

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

#1

jinleli 提问者

你可以看下我下面的回答，这是我看书后的理解

2016-05-25 回复有任何疑惑可以回复我~

举报

0/150

提交

取消

JavaScript进阶篇

参与学习 468044 人
解答问题 21891 个

本课程从如何插入JS代码开始，带您进入网页动态交互世界

本课相似问答

2 回答为什么要用this 而不能直接用otr[i]

4 回答为什么要用div[this.index]而不阔以直接用div[i]?

1 回答为什么要定义oLis[i].index=i来索引而不直接用i这个变量呢？

4 回答为什么for循环中直接使用tr[i]不可以,(详情见下面代码）

3 回答不懂为什么要aLi[i].index=i;而不直接点

搜索更多本课相关问答

为什么要用this.style不直接用tr[i].style呢？

我要回答关注问题

意见反馈帮助中心 APP下载