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表单验证要注意的事项
Sep 29 Javascript
Javascript获取当前日期的农历日期代码
Oct 08 Javascript
JavaScript使用setInterval()函数实现简单轮询操作的方法
Feb 02 Javascript
angularJS 中$attrs方法使用指南
Feb 09 Javascript
jquery实现列表上下移动功能
Feb 25 Javascript
jquery设置表单元素为不可用的简单代码
Jul 04 Javascript
picLazyLoad 实现图片延时加载(包含背景图片)
Jul 21 Javascript
Vuejs第八篇之Vuejs组件的定义实例解析
Sep 05 Javascript
js 两数组去除重复数值的实例
Dec 06 Javascript
vue video和vue-video-player实现视频铺满教程
Oct 30 Javascript
javascript实现用户必须勾选协议实例讲解
Mar 24 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
实例(Smarty+FCKeditor新闻系统)
2007/01/02 PHP
使用VisualStudio开发php的图文设置方法
2010/08/21 PHP
PHP中的使用curl发送请求(GET请求和POST请求)
2017/02/08 PHP
yii2.0整合阿里云oss上传单个文件的示例
2017/09/19 PHP
PHP实现验证码校验功能
2017/11/16 PHP
php+ajax实现无刷新文件上传功能(ajaxuploadfile)
2018/02/11 PHP
PHP array_shift()用法实例分析
2019/01/07 PHP
jquery struts 验证唯一标识(公用方法)
2013/03/27 Javascript
ExtJS 刷新后如何默认选中刷新前最后一次选中的节点
2014/04/03 Javascript
JS实现点击按钮控制Div变宽、增高及调整背景色的方法
2015/08/05 Javascript
JavaScript获取页面中超链接数量的方法
2015/11/09 Javascript
模仿password输入框的实现代码
2016/06/07 Javascript
javascript中的深复制详解及实例分析
2016/12/29 Javascript
NodeJS学习笔记之Module的简介
2017/03/24 NodeJs
Angular 2父子组件数据传递之@Input和@Output详解 (上)
2017/07/05 Javascript
Javascript快速实现浏览器系统通知
2017/08/26 Javascript
JS实现字符串翻转的方法分析
2018/08/31 Javascript
对类Vue的MVVM前端库的实现代码
2018/09/07 Javascript
JS/HTML5游戏常用算法之追踪算法实例详解
2018/12/12 Javascript
监听element-ui table滚动事件的方法
2019/03/26 Javascript
[02:20]DOTA2英雄基础教程 黑暗贤者
2013/12/19 DOTA
[17:45]DOTA2 HEROES教学视频教你分分钟做大人-军团指挥官
2014/06/11 DOTA
[01:20]PWL开团时刻DAY9——听说潮汐没用?
2020/11/10 DOTA
python将字符串转换成数组的方法
2015/04/29 Python
python基础之入门必看操作
2017/07/26 Python
Tensorflow tf.dynamic_partition矩阵拆分示例(Python3)
2020/02/07 Python
美国亚洲时尚和美容产品的一站式网上商店:Stylevana
2019/09/05 全球购物
中学生在校期间的自我评价分享
2013/11/13 职场文书
工作表现评语
2014/01/19 职场文书
法人授权委托书样本
2014/09/19 职场文书
领导工作表现评语
2015/01/04 职场文书
小班教师个人总结
2015/02/05 职场文书
男生贾里读书笔记
2015/06/30 职场文书
HTML基础-标签分类(闭合标签,空标签,块级元素,行内元素,行级块元素,可替换元素)
2021/03/31 HTML / CSS
SQL Server 中的事务介绍
2022/05/20 SQL Server
Python安装及建立虚拟环境的完整步骤
2022/06/25 Servers