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 参考教程
Dec 29 Javascript
禁止你的左键复制实用技巧
Jan 04 Javascript
JavaScript实现网页图片等比例缩放实现代码及调用方式
Feb 25 Javascript
jquery批量控制form禁用的代码
Aug 06 Javascript
js实现图片从左往右渐变切换效果的方法
Feb 06 Javascript
jQuery实现提示密码强度的代码
Jul 15 Javascript
学习Bootstrap组件之下拉菜单
Jul 28 Javascript
在AngularJS中如何使用谷歌地图把当前位置显示出来
Jan 25 Javascript
总结十个Angular.js由浅入深的面试问题
Aug 26 Javascript
es6 字符串String的扩展(实例讲解)
Aug 03 Javascript
浅谈Vue SPA 首屏加载优化实践
Dec 15 Javascript
详细分析Node.js 多进程
Jun 22 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
繁体中文转换为简体中文的PHP函数
2006/10/09 PHP
php笔记之:php函数range() round()和list()的使用说明
2013/04/26 PHP
使用PHP破解防盗链图片的一个简单方法
2014/06/07 PHP
php实现简易聊天室应用代码
2015/09/23 PHP
PHP中检查isset()和!empty()函数的必要性
2019/02/13 PHP
php与阿里云短信接口接入操作案例分析
2020/05/27 PHP
php中使用array_filter()函数过滤数组实例讲解
2021/03/03 PHP
深入认识JavaScript中的函数
2007/01/22 Javascript
js用Date对象处理时间实现思路及代码
2013/01/31 Javascript
JavaScript对内存分配及管理机制详细解析
2013/11/11 Javascript
js获取触发事件元素在整个网页中的绝对坐标(示例代码)
2013/12/13 Javascript
利用原生JavaScript获取元素样式只是获取而已
2014/10/08 Javascript
JavaScript重定向URL参数的两种方法小结
2016/10/19 Javascript
EasyUI Combobox设置默认值 获取text的方法
2016/11/28 Javascript
AngularJS实现controller控制器间共享数据的方法示例
2017/10/30 Javascript
解决vue2.0 element-ui中el-upload的before-upload方法返回false时submit()不生效问题
2018/08/24 Javascript
JavaScript迭代器的含义及用法
2019/06/21 Javascript
Vue+Bootstrap收藏(点赞)功能逻辑与具体实现
2020/10/22 Javascript
Python访问纯真IP数据库脚本分享
2015/06/29 Python
Python使用pygame模块编写俄罗斯方块游戏的代码实例
2015/12/08 Python
Python运算符重载详解及实例代码
2017/03/07 Python
python版本单链表实现代码
2018/09/28 Python
解决pycharm的Python console不能调试当前程序的问题
2019/01/20 Python
Python字符串中添加、插入特定字符的方法
2019/09/10 Python
python 串行执行和并行执行实例
2020/04/30 Python
怎么快速自学python
2020/06/22 Python
python pip如何手动安装二进制包
2020/09/30 Python
python 对象真假值的实例(哪些视为False)
2020/12/11 Python
解决PyCharm无法使用lxml库的问题(图解)
2020/12/22 Python
真正了解CSS3背景下的@font face规则
2017/05/04 HTML / CSS
优秀社区干部事迹材料
2014/02/03 职场文书
人民调解员先进事迹材料
2014/05/08 职场文书
民政局未婚证明
2015/06/15 职场文书
2015年教务处干事工作总结
2015/07/22 职场文书
解决Pytorch修改预训练模型时遇到key不匹配的情况
2021/06/05 Python
浅谈Redis缓冲区机制
2022/06/05 Redis