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

鼠标移动变色的问题

这是我自己的代码语言实现鼠标变色功能，期间也参考了正解和他人的代码都没有看到变色效果，是代码问题吗？还是浏览器问题？

function onload() {
    var tbody = document.getElementById('table').lastChild;
    var trlist = tbody.getElementsByTagName('tr');
    for (var i = 1; i < trlist.length; i++) {
        trlist[i].onmouseover = function () {
            this.style.backgroundColor = "#f2f2f2";
        }
        trlist[i].onmouseout = function () {
            this.style.backgroundColor = "#fff";
        }
    }
}

水文刀

2016-05-05

源自：JavaScript进阶篇 9-22

关注问题我要回答

853

操作

收起

3 回答

范克里夫
2016-05-09

你这只是定义了一个名为onload的函数。window.onload = function(){}是页面加载完后将执行这里的匿名函数。

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

浮世绘3145722
2016-05-05

i=0,应该是从0开始的，如果前面有window.onload的话，把function onload去掉试试，试了一下是可以的。

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

zxmfly
2016-05-05

window.onload = function(){

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

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

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

tdarr[i].onmouseover = function(){

this.style.backgroundColor ="#f2f2f2";

}

tdarr[i].onmouseout = function(){

this.style.backgroundColor ="#fff";

}

}

}

这事我的最后一个练习题的代码，你看下吧

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

举报

0/150

提交

取消

JavaScript进阶篇

参与学习 469236 人
解答问题 22584 个

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

本课相似问答

2 回答鼠标移动变色问题

2 回答为什么鼠标移动颜色没变化？

4 回答为何鼠标移到标签上不变色

2 回答移动鼠标改变背景颜色，以下代码存在什么问题？

2 回答鼠标经过和移开后颜色不变

搜索更多本课相关问答

鼠标移动变色的问题

我要回答关注问题

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

扫描二维码
关注慕课网微信公众号