javascript实现表格隔行变色

作者: janey_默 | 来源:发表于2017-07-13 17:15 被阅读0次

css 文件里面有两个class: one two 用js实现表格隔行变色

function changeColor(){

var tabTrs=document.getElementByTagName(’tr’);

var trLength =tabTra.length;

for（var i=0;i<trLength;i++）{

if(trLength%2==0){

tabTrs[i].className=“one”;

}else{

tabTrs[i].className=“two”;

}

//鼠标经过显示的效果

var oldcolor

tabTrs[i].onmouseover=function(){

oldcolor=this.className;

this.className=“over”;

}

tabTrs[i].onmouseOut=function(){

this.className=oldcolor;

}

javascript实现表格隔行变色
css 文件里面有两个class: one two 用js实现表格隔行变色 function changeColo...
【前端案例】07 - 表格隔行变色 + 全选和反选
1. 表格隔行变色表格隔行变色，主要使用循环为鼠标添加事件，改变每行的背景颜色实现。 2. 全选和反选（难点）...
表格隔行变色
表格隔行变色
js笔记十之for循环练习
练习隔行变色(css3实现) HTML CSS 隔行变色(js实现) HTML同上 JS 选项卡 HTML CS...
javascript表格隔行变色与移入高亮移出恢复
表格的隔行变色实现的方法也有多种，可以用CSS的选择器来实现，比如:nth-of-type(odd){}/*奇数行...
2018-06-28
A今天学到了什么 1.实现勾选 2.修改 2.1修改元素的样式 2.2隔行变色 2.3JS实现隔行变色 3.显示隐...
day02
A今天学到了什么 1.实现勾选 2.修改 2.1修改元素的样式 2.2隔行变色 2.3JS实现隔行变色 3.显示隐...
day02
A今天学到了什么 1.实现勾选 2.修改 2.1修改元素的样式 2.2隔行变色 2.3JS实现隔行变色 3.显示隐...
webpack进阶【3】：webpack实现隔行变色
webpack实现隔行变色：页面文字隔行变色注意：本进阶在webpack【2】的基础上进行衍生一、建立一个in...