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

关于源代码this的问题

function Highlight(){

var tbody = document.getElementById('table').lastChild;

trs = tbody.getElementsByTagName('tr');

for(var i =1;i<trs.length;i++){

trs[i].onmouseover = function(){

this.style.backgroundColor ="#f2f2f2";

}

trs[i].onmouseout = function(){

this.style.backgroundColor ="#fff";

}

上面的this，能用trs[i]代替么

慕瓜6239116

2017-07-24

源自：JavaScript进阶篇 9-22

关注问题我要回答

759

操作

收起

2 回答

Nika_ 回答被采纳 +2 积分
2017-07-25

不可以，trs[i]不在匿名函数的作用域内，除非将trs[i]以参数传到函数内部，你可以试下，如下代码trs[i]的结果是undefined

HTML部分

<table>
	<tr>
		<td>TD11</td>
		<td>TD12</td>
	</tr>

	<tr>
		<td>TD21</td>
		<td>TD22</td>
	</tr>	
</table>

JS部分

window.onload=function(){
	var tbody = document.getElementsByTagName('tbody')[0];
	trs = tbody.getElementsByTagName('tr');   
	for(var i =0;i<trs.length;i++){
	trs[i].onmouseover = function(){
		console.log(trs[i]);
		// trs[i].style.backgroundColor ="#f2f2f2";
	} 
	trs[i].onmouseout = function(){
		// trs[i].style.backgroundColor ="#fff";
	} 
	} 
}