java中设置基偶隔行换色_隔行变色 - 李俊互联网技术传播者 - 博客园

new document

function changeColor(){

//1、获取 table 元素

var table = document.getElementById("data");

//2、获取 tbody 元素

var tbody = table.getElementsByTagName("tbody")[0];

//3、获取所有 tbody 中的 tr

var trs = tbody.getElementsByTagName("tr");

//4、根据 tr 的奇偶性设置隔行变色

for(var i=0;i

//判断奇偶

if(i % 2 == 0){

trs[i].className="blue";

}

}

}

//绑定页面初始化时执行的操作

//window.onload = changeColor;

.blue{

background-color:#CCCCFF;

}

隔行变色

姓名工资入职时间操作

Tom350002019-1-1

删除

Tom350002019-1-1

删除

Tom35002019-1-1

删除

Tom35002019-1-1

删除

Tom35002019-1-1

删除

Tom35002019-1-1

删除

Tom35002019-1-1

删除

Tom35002019-1-1

删除