纯JS控制网页表格隔行换色，其他同理

NOCO发布于 2010-08-27 分类 Html5

1天前有1个用户阅读过

本文来自我的百度空间博客详情

2007年开始使用的是 hi.baidu.com/udjy
后来百度空间强制升级为轻博客 hi.baidu.com/imnoco
2015年百度关闭了百度空间

//js如下：
//表格隔行换色
var colorArr = new Array("#ffffff","#eeeeee","#ffffff");
var s = 0;
function table_tr_color() {
var tdcolor = document.getElementsByTagName("tr");
//var tdcolor = document.getElementById("table_id").getElementsByTagName("tr");
//获取某个具体table对象
for (var i=0;i<tdcolor.length ;i++ )
{
   tdcolor[i].style.backgroundColor = colorArr[s++];
   if (s==(colorArr.length-1))
   {
    s = 0;
   }
}
}
window.onload = table_tr_color;

-----------------------add : 20101026----------------------

<script type="text/javascript">
window.onload = function(){
var tr=document.getElementsByTagName("tr");
var rows=tr.length;
for(var i=0; i<=rows; i++)
(i%2==0)?(tr[i].style.background ="#fafafa"):(tr[i].style.background ="#fff");
}
</script>

-- The End --

纯JS控制网页表格隔行换色，其他同理

评论