javascript简单实现表格行间隔显示颜色并高亮显示_javascript技巧
来源：动视网
责编：小采
时间：2020-11-27 21:16:34
javascript简单实现表格行间隔显示颜色并高亮显示_javascript技巧
javascript简单实现表格行间隔显示颜色并高亮显示_javascript技巧: 代码如下: var name; //存储tr对象的类名，当鼠标移开时进行恢复 function trcolor(){ //表格行颜色间隔显示 var tabNode = document.getElementsByTagName(table)[0]; var trNodes = tabNode.rows; for(va
导读javascript简单实现表格行间隔显示颜色并高亮显示_javascript技巧: 代码如下: var name; //存储tr对象的类名，当鼠标移开时进行恢复 function trcolor(){ //表格行颜色间隔显示 var tabNode = document.getElementsByTagName(table)[0]; var trNodes = tabNode.rows; for(va
代码如下:
var name; //存储tr对象的类名，当鼠标移开时进行恢复
function trcolor(){ //表格行颜色间隔显示
var tabNode = document.getElementsByTagName("table")[0];
var trNodes = tabNode.rows;
for(var x=1;x
if(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 | 长沙 |
javascript简单实现表格行间隔显示颜色并高亮显示_javascript技巧
javascript简单实现表格行间隔显示颜色并高亮显示_javascript技巧: 代码如下: var name; //存储tr对象的类名，当鼠标移开时进行恢复 function trcolor(){ //表格行颜色间隔显示 var tabNode = document.getElementsByTagName(table)[0]; var trNodes = tabNode.rows; for(va
