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

大佬們。為什么這樣寫背景顏色不會改變呢

?? var row=document.getElementsByTagName("tr");? ?
?? ? for(i=0;i<row.length;i++)
?? ? {
?? ??? ? row[i].onmouseover=function(){
?? ??? ??? ?row[i].style.backgroundColor="#f2f2f2";
?? ??? ??? ?
?? ??? ? }
?? ??? ? row[i].onmouseout=function(){
?? ??? ??? ?row[i] .style.backgroundColor="#fff"
?? ??? ? }
?? ?}

qq_借個背包就出發(fā)_03588511

2018-05-21

源自：JavaScript進階篇 9-22

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

1090

操作

收起

2 回答

紙丶兩面白回答被采納 +2 積分
2018-05-22

這是一個閉包帶來的問題，那什么是閉包，可以去看一個Bosn老師的課程7-1[JavaScript]理解閉包

改成這樣就行了：

???var?row=document.getElementsByTagName("tr");???
?????for(i=0;i<row.length;i++)
?????{
?????????!function(i)?{
?????????????row[i].onmouseover=function(){
????????????????row[i].style.backgroundColor="#f2f2f2";
?????????????????
?????????????}
?????????????row[i].onmouseout=function(){
????????????????row[i]?.style.backgroundColor="#fff"
?????????????}?
?????????}(i);
????}

1 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

慕移動4708697
2018-05-25

var?row?=document.getElementsByTagName("tr");
for(var?i=0;i<row.length;i++){
????????row[i].onmouseover=function?()?{
????????????this.style.backgroundColor="#f2f2f2";
????????};
????????row[i].onmouseout=function?()?{
???????????this.style.backgroundColor="#fff";
????????}
}