                        課程
                    
                        /前端開發(fā)
                        
                            /JavaScript
                        
                        /JavaScript進(jìn)階篇

關(guān)于源代碼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進(jìn)階篇 9-22

關(guān)注問題我要回答

787

操作

收起

2 回答

Nika_ 回答被采納 +2 積分
2017-07-25

不可以，trs[i]不在匿名函數(shù)的作用域內(nèi)，除非將trs[i]以參數(shù)傳到函數(shù)內(nèi)部，你可以試下，如下代碼trs[i]的結(jié)果是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";
	}?
	}?
}