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

为什么这么写提交上去表格直接就是红色？

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进阶篇 9-22

关注问题我要回答

956

操作

收起

4 回答

stone310 回答被采纳 +3 积分
2016-10-30

如果直接这么写：

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

这里bgcChange是一个自执行函数，而并不是事件函数，因此一加载页面就会执行；

但也不能这么写：

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

这么也i值为定数（i为trlist.length），因此要写成你的mouseout事件的格式，用this.

1 回复有任何疑惑可以回复我~

收起回答

stone310

这里this表示当前触发事件的对象，例如鼠标移到第一个，this就是trlist[0],移到第二个，this就是trlist[1]...

2016-10-30 回复有任何疑惑可以回复我~

林鸿伯3985306 提问者

恩，下面这个我也写过。。这个循环是不是在页面加载完以后就已经停在i=3了？我再看看书。。

2016-10-30 回复有任何疑惑可以回复我~

stone310 回复林鸿伯3985306 提问者

循环加载完后，i为trlist.length

2016-10-30 回复有任何疑惑可以回复我~

查看1条回复

慕粉547471488
2016-10-30

方便把全部代码贴出来吗

0 回复有任何疑惑可以回复我~

收起回答

林鸿伯3985306 提问者

这就是全部代码了，你贴上去就会发现全是红的，鼠标移过去红色消失，我觉得是前半句（trlist[i].onmouse=）直接被忽略了，只执行了函数bgcChange(trlist[i]);

2016-10-30 回复有任何疑惑可以回复我~

慕粉547471488
2016-10-29

this就是代表trlist[i]，然后this.style.backgroundColor=“red”就是直接给他们每一个都设置了颜色！

function bgcChange(a){

a.style.backgroundColor="red";

}

这个函数和

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

你用了两种方法设置了颜色

1 回复有任何疑惑可以回复我~

收起回答

林鸿伯3985306 提问者

没有重复，一个设置的onmouseover ,另一个设置的onmouseout，这样写只是为了看看哪个出问题了。我现在的问题就是用trlist[i].onmouseout=function(){this.style.backgroundColor="#fff"}设置属性是可以等到事件发生再响应的，如果用 function bgcChange(a)设置，它直接在页面加载的时候直接把颜色全填上去了，没法响应。

2016-10-29 回复有任何疑惑可以回复我~