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

变色为什么要嵌套才行了，直接写没效果呢

window.onload = function(){
var tr = document.getElementsByTagName("tr");

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

bgChange(tr[i]);

}

}

// 鼠标移动改变背景,可以通过给每行绑定鼠标移上事件和鼠标移除事件来改变所在行背景色。

function bgChange(a) {

a.onmouseover=function()

{

a.style.backgroundColor="#f2f2f2";

}

a.onmouseout=function()

{

a.style.backgroundColor="#fff";

}

}

whh168

2015-02-10

源自：JavaScript进阶篇 9-22

关注问题我要回答

1030

操作

收起

4 回答

sixGod
2015-02-11

你这样写就可以了

var tr = document.getElementsByTagName("tr");

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

tr[i].onmouseover=function()

{

this.style.backgroundColor="#f2f2f2";

}

tr[i].onmouseout=function()

{

this.style.backgroundColor="#fff";

}

}

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

sixGod
2015-02-11

问题出在onmouseover=function(),这样写就相当于当onmouseover时,执行下function()里的代码，并不是给tr[i]的事件绑定方法

你试下直接在里面输出i，发现无论你移动到哪一条，i的值都不会变

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

whh168 提问者
2015-02-10

window.onload = function(){
var tr = document.getElementsByTagName("tr");

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

tr[i].onmouseover=function()

{

a.style.backgroundColor="#f2f2f2";

}
tr[i].onmouseout=function()

{

a.style.backgroundColor="#fff";

}

}

}

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

sixGod
2015-02-10

应该是可以的，你直接写没有效果，可能是你定错了，可以把你说的没有效果的代码发出来看看

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

#1

whh168 提问者

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

2015-02-10 回复有任何疑惑可以回复我~

举报

0/150

提交

取消

JavaScript进阶篇

参与学习 468188 人
解答问题 21891 个

本课程从如何插入JS代码开始，带您进入网页动态交互世界

本课相似问答

2 回答二维数组为什么要嵌套呢？？

3 回答为什么变色的函数不能扔到for循环里面执行呢，非要嵌套个函数？

2 回答为什么没有颜色呢，css效果呢？

3 回答为什么我添加一行后变色效果没有了？大神求解！

2 回答为什么同时改变两个，要点两次按钮才出效果呢？

搜索更多本课相关问答

变色为什么要嵌套才行了，直接写没效果呢

我要回答关注问题

意见反馈帮助中心 APP下载