JS控制表格隔行变色


Posted in Javascript onJune 26, 2006

<table width="800" border="0" cellpadding="0" cellspacing="0">
    <tr>
        <td>不变色</td>
    </tr>
    <tbody id="goaler">
    <tr>
        <td>xxxxxxxx</td>
    </tr>
    <tr>
        <td>xxxxxxxx</td>
    </tr>
    <tr>
        <td>xxxxxxxx</td>
    </tr>
    <tr>
        <td>xxxxxxxx</td>
    </tr>
    </tbody>
    <tr>
        <td>不变色</td>
    </tr>
</table>

<script language="JavaScript">
<!--
var TbRow = document.getElementById("goaler");
if (TbRow != null)
{
    for (var i=0;i<TbRow.rows.length ;i++ )
    {
        if (TbRow.rows[i].rowIndex%2==1)
        {
            TbRow.rows[i].style.backgroundColor="";
        }
        else
        {
            TbRow.rows[i].style.backgroundColor="#F1F1F1";
        }
    }
}
//-->
</script>

Javascript 相关文章推荐
JavaScript 字符串与数组转换函数[不用split与join]
Dec 13 Javascript
jQuery学习笔记之jQuery的事件
Dec 22 Javascript
Jquery动态进行图片缩略的原理及实现
Aug 13 Javascript
JS自定义对象实现Java中Map对象功能的方法
Jan 20 Javascript
javascript文件加载管理简单实现方法
Jul 25 Javascript
细数JavaScript 一个等号,两个等号,三个等号的区别
Oct 09 Javascript
Chrome不支持showModalDialog模态对话框和无法返回returnValue问题的解决方法
Oct 30 Javascript
基于JavaScript实现抽奖系统
Jan 16 Javascript
微信小程序实现列表下拉刷新上拉加载
Jul 29 Javascript
JSON获取属性值方法代码实例
Jun 30 Javascript
原生JavaScript实现弹幕组件的示例代码
Oct 12 Javascript
vue.js+element 默认提示中英文操作
Nov 11 Javascript
判断是否输入完毕再激活提交按钮
Jun 26 #Javascript
特殊字符、常规符号及其代码对照表
Jun 26 #Javascript
JavaScript版代码高亮
Jun 26 #Javascript
VBScript版代码高亮
Jun 26 #Javascript
JavaScript TO HTML 转换
Jun 26 #Javascript
HTML TO JavaScript 转换
Jun 26 #Javascript
文字幻灯片
Jun 26 #Javascript
You might like
DSP接收机前端设想
2021/03/02 无线电
无JS,完全php面向过程数据分页实现代码
2012/08/27 PHP
解析php入库和出库
2013/06/25 PHP
浅析PHP原理之变量分离/引用(Variables Separation)
2013/08/09 PHP
ThinkPHP实例化模型的四种方法概述
2014/08/22 PHP
详解PHP的Laravel框架中Eloquent对象关系映射使用
2016/02/26 PHP
一次因composer错误使用引发的问题与解决
2019/03/06 PHP
JavaScript访问样式表代码
2010/10/15 Javascript
40个新鲜出炉的jQuery 插件和免费教程[上]
2012/07/24 Javascript
javascript中的__defineGetter__和__defineSetter__介绍
2014/08/15 Javascript
js操作DOM--添加、删除节点的简单实例
2016/07/08 Javascript
详解js中Number()、parseInt()和parseFloat()的区别
2016/12/20 Javascript
ES6/JavaScript使用技巧分享
2017/12/14 Javascript
微信小程序事件 bindtap bindinput代码实例
2019/08/26 Javascript
jQuery实现简单弹幕效果
2019/11/28 jQuery
Vue 实现登录界面验证码功能
2020/01/03 Javascript
vue使用自定义事件的表单输入组件用法详解【日期组件与货币组件】
2020/06/01 Javascript
js实现验证码干扰(动态)
2021/02/23 Javascript
[59:07]海涛为你详解DOTA2新版本“贤哲秘契”
2014/11/22 DOTA
[01:47]2018年度DOTA2最具人气解说-完美盛典
2018/12/16 DOTA
python常用web框架简单性能测试结果分享(包含django、flask、bottle、tornado)
2014/08/25 Python
Python运算符重载用法实例
2015/05/28 Python
python实现比较文件内容异同
2018/06/22 Python
Python标准库shutil用法实例详解
2018/08/13 Python
python pip源配置,pip配置文件存放位置的方法
2019/07/12 Python
深入了解如何基于Python读写Kafka
2019/12/31 Python
python str字符串转uuid实例
2020/03/03 Python
Python ORM框架Peewee用法详解
2020/04/29 Python
基于html和CSS3制作酷炫的导航栏
2015/09/23 HTML / CSS
css3 flex布局 justify-content:space-between 最后一行左对齐
2020/01/02 HTML / CSS
硅酸盐工业控制专业应届生求职信
2013/11/02 职场文书
大班上学期幼儿评语
2014/04/30 职场文书
2014年助理工程师工作总结
2014/11/14 职场文书
贪污受贿检讨书范文
2014/11/19 职场文书
2014年法院工作总结
2014/11/24 职场文书
《游戏王:大师决斗》将推出新卡牌包4月4日上线
2022/03/31 其他游戏