重庆SEO, 关注并探索SEO与WEB技术。针对用户体验,提供白帽SEO以及PHP网站建设以及运营服务。

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

发布于 作者 [重庆SEO]

Markdown版本

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

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>
分类:Html5

Tags: 隔行, 同理, 表格,

本文标题: 纯JS控制网页表格隔行换色,其他同理

本文地址: https://seonoco.com/blog/1224

版权说明: 本站遵循 CC BY-NC-SA 4.0 协议, 未表明转载信息均为原创或整理,转载或引用请注明出处,以便溯本求源。

补充说明: 本文在本站发布于2010-08-27,文中部分内容可能存在过时或不正确,请知晓!如果可以请留言告知。

本文是否有所帮助?
点赞
说一说
打赏