您好,欢迎来到字泊教育。
搜索
您的当前位置:首页javascript简单实现表格行间隔显示颜色并高亮显示_javascript技巧

javascript简单实现表格行间隔显示颜色并高亮显示_javascript技巧

来源:字泊教育


代码如下:

var name; //存储tr对象的类名,当鼠标移开时进行恢复
function trcolor(){ //表格行颜色间隔显示
var tabNode = document.getElementsByTagName("table")[0];
var trNodes = tabNode.rows;
for(var x=1;xif(x%2 == 1)
trNodes[x].className = "one" ;
else
trNodes[x].className = "two" ;
trNodes[x].onmouseover = function(){ //高亮显示
name = this.className;
this.className = "over";
}
trNodes[x].onmouseout = function(){ //tr对象添加onmouseout事件属性
this.className = name ;
}
}
}
window.onload = trcolor ;



















姓名年龄地址
张三23北京
李四25上海
王五15广州
唐总20长沙


Copyright © 2019- zipou.cn 版权所有

违法及侵权请联系:TEL:199 18 7713 E-MAIL:2724546146@qq.com

本站由北京市万商天勤律师事务所王兴未律师提供法律服务