为甚用this不能用tr[i]，我的理解是this和tr[i]是同一个对象-慕课网

为甚用this不能用tr[i]，我的理解是this和tr[i]是同一个对象

来源：9-22 编程练习

qq_加菲喵_0

2016-06-27 16:02

// 鼠标移动改变背景,可以通过给每行绑定鼠标移上事件和鼠标移除事件来改变所在行背景色。
        var tr = document.getElementById("table").getElementsByTagName('tr');
       
		for(var i=0; i<tr.length; i++)
        { 
            tr[i].onmouseover = function(){
            //   tr[i].style.backgroundColor = "red";
              this.style.backgroundColor = "red";  
            }
            tr[i].onmouseout = function(){
               tr[i].style.backgroundColor="white";
            //   this.style.backgroundColor="white";
            }
        }
	 
	 }

写回答关注

3回答

慕侠8271869

2016-07-16 17:59:34

已采纳

tr[i].onmouseover = function(){
            //   tr[i].style.backgroundColor = "red";
              this.style.backgroundColor = "red";
            }
这里面是一个函数的调用，在函数里面tr[i]是没有被定义的，this是可以获取标签内的对象的
懂了没

1 0

qq_加菲喵...

懂了十分感谢

2016-07-18 09:55:57

共 1 条回复 >
GiveMeGeek

2016-06-30 12:28:31

放在网页中编译一下可以发现，tr[i]没有被定义或者未被赋值。而this指的是table的tr子元素。所以二者不是同一个对象。

6 0

GiveMe... 回复qq_加菲喵...

循环中没有给断点，自己会自动循环完，你在事后再去调用这个里面的方法，这个i的值肯定不会是1,2,3了呀。因为此时，i已经循环完了，是i.length这个值了。

2016-07-17 13:47:16

共 6 条回复 >
qq_加菲喵_0

2016-06-27 16:03:20

七八和十一、十二行的代码

0 0

JavaScript进阶篇

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

468060 学习 · 21891 问题

查看课程

相似问题

bgcChange(tr[i]); 这个bgcChange是啥意思，bgcChange(tr[i])啥意思

回答 1

为什么不能用tr[i].setAttribute('onmouseover','changeColor(this)');来改变颜色

回答 1

var tr = document.getElementsByTagName("tr"); for (var i = 0; i < tr.length; i++) { bgcChange(tr[i]); }是什么意思？为何这样使用？能解释以下代码问号处的意思么？谢谢

回答 1

tr[i]的父节点是什么

回答 1

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

回答 3

打开慕课网App查看更多内容