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

為什么這么寫提交上去表格直接就是紅色？

? ? window.onload = function(){

? ? ? ? trlist=document.getElementsByTagName("tr");

? ? ? ? for(var i=0;i<trlist.length;i++){

? ? ? ? ?trlist[i].onmouseover=bgcChange(trlist[i]);

? ? ? ? ?trlist[i].onmouseout=function(){this.style.backgroundColor="#fff"}

? ? ? ? }

}

? ? function bgcChange(a){

? ? ? ? a.style.backgroundColor="red";

? ? }

林鴻伯3985306

2016-10-29

源自：JavaScript進(jìn)階篇 9-22

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

1009

操作

收起

4 回答

stone310 回答被采納 +3 積分
2016-10-30

如果直接這么寫：

trlist[i].onmouseover=bgcChange(trlist[i]);

這里bgcChange是一個(gè)自執(zhí)行函數(shù)，而并不是事件函數(shù)，因此一加載頁(yè)面就會(huì)執(zhí)行；

但也不能這么寫：

trlist[i].onmouseover=function(){
????bgcChange(trlist[i]);???//改成：bgcChange(this);?
}

這么也i值為定數(shù)（i為trlist.length），因此要寫成你的mouseout事件的格式，用this.

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

收起回答

#1

stone310

這里this表示當(dāng)前觸發(fā)事件的對(duì)象，例如鼠標(biāo)移到第一個(gè) ，this就是trlist[0],移到第二個(gè)，this就是trlist[1]...

2016-10-30 回復(fù) 有任何疑惑可以回復(fù)我~

#2

林鴻伯3985306 提問(wèn)者

恩，下面這個(gè)我也寫過(guò)。。這個(gè)循環(huán)是不是在頁(yè)面加載完以后就已經(jīng)停在i=3了？我再看看書。。

2016-10-30 回復(fù) 有任何疑惑可以回復(fù)我~

#3

stone310 回復(fù) 林鴻伯3985306 提問(wèn)者

循環(huán)加載完后，i為trlist.length

2016-10-30 回復(fù) 有任何疑惑可以回復(fù)我~

查看1條回復(fù)

慕粉547471488
2016-10-30

方便把全部代碼貼出來(lái)嗎

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

收起回答

#1

林鴻伯3985306 提問(wèn)者

這就是全部代碼了，你貼上去就會(huì)發(fā)現(xiàn)全是紅的，鼠標(biāo)移過(guò)去紅色消失，我覺(jué)得是前半句（trlist[i].onmouse=）直接被忽略了，只執(zhí)行了函數(shù)bgcChange(trlist[i]);

2016-10-30 回復(fù) 有任何疑惑可以回復(fù)我~

慕粉547471488
2016-10-29

this就是代表trlist[i]，然后this.style.backgroundColor=“red”就是直接給他們每一個(gè)都設(shè)置了顏色！

function bgcChange(a){

? ? ? ? a.style.backgroundColor="red";

? ? }

這個(gè)函數(shù)和

?trlist[i].onmouseout=function(){this.style.backgroundColor="#fff"}只要一個(gè)就好了

你用了兩種方法設(shè)置了顏色

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

收起回答

#1

林鴻伯3985306 提問(wèn)者

沒(méi)有重復(fù)，一個(gè)設(shè)置的onmouseover ,另一個(gè)設(shè)置的onmouseout，這樣寫只是為了看看哪個(gè)出問(wèn)題了。我現(xiàn)在的問(wèn)題就是用trlist[i].onmouseout=function(){this.style.backgroundColor="#fff"}設(shè)置屬性是可以等到事件發(fā)生再響應(yīng)的，如果用 function bgcChange(a)設(shè)置，它直接在頁(yè)面加載的時(shí)候直接把顏色全填上去了，沒(méi)法響應(yīng)。

2016-10-29 回復(fù) 有任何疑惑可以回復(fù)我~