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 Math ceil()、floor()、round()三个函数的区别
Mar 09 Javascript
各种页面定时跳转(倒计时跳转)代码总结
Oct 24 Javascript
Javascript玩转继承(三)
May 08 Javascript
javascript实时获取鼠标坐标值并显示的方法
Apr 30 Javascript
javascript中setTimeout使用指南
Jul 26 Javascript
JavaScript下的时间格式处理函数Date.prototype.format
Jan 27 Javascript
RequireJS多页面应用实例分析
Jun 29 Javascript
jQuery右下角悬浮广告实例
Oct 17 Javascript
js实现固定宽高滑动轮播图效果
Jan 13 Javascript
记一次用vue做的活动页的方法步骤
Apr 11 Javascript
js实现从右往左匀速显示图片(无缝轮播)
Jun 29 Javascript
Vue作用域插槽实现方法及作用详解
Jul 08 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高级对象构建 工厂模式的使用
2012/02/05 PHP
PHP根据IP地址获取所在城市具体实现
2013/11/27 PHP
php创建多级目录的方法
2015/03/24 PHP
PHP调用API接口实现天气查询功能的示例
2017/09/21 PHP
PHP实现的文件浏览器功能简单示例
2019/09/12 PHP
js replace 与replaceall实例用法详解
2013/08/03 Javascript
js中文逗号转英文实现
2014/02/11 Javascript
js使用for循环及if语句判断多个一样的name
2014/09/09 Javascript
JavaScript电子时钟倒计时第二款
2016/01/10 Javascript
web 屏蔽BackSpace键实例代码
2016/12/24 Javascript
Angular中ng-options下拉数据默认值的设定方法
2017/06/21 Javascript
微信小程序手机号码验证功能的实例代码
2018/08/28 Javascript
angularjs手动识别字符串中的换行符方法
2018/10/02 Javascript
优雅的处理vue项目异常实战记录
2019/06/05 Javascript
Vue中的循环及修改差值表达式的方法
2019/08/29 Javascript
Node.JS获取GET,POST数据之queryString模块使用方法详解
2020/02/06 Javascript
小程序双头slider选择器的实现示例
2020/03/31 Javascript
构建Python包的五个简单准则简介
2015/06/15 Python
深入讲解Java编程中类的生命周期
2016/02/05 Python
浅析Git版本控制器使用
2017/12/10 Python
HTML的form表单和django的form表单
2019/07/25 Python
DataFrame 数据合并实现(merge,join,concat)
2020/06/14 Python
python导入库的具体方法
2020/06/18 Python
浅谈Python 函数式编程
2020/06/20 Python
Python手动或自动协程操作方法解析
2020/06/22 Python
css3实现input输入框颜色渐变发光效果代码
2014/04/02 HTML / CSS
伦敦最有品味的百货:Liberty London
2016/11/12 全球购物
英国排名第一的餐具品牌:Denby Pottery
2019/11/01 全球购物
简述进程的启动、终止的方式以及如何进行进程的查看
2014/02/20 面试题
母亲追悼会答谢词
2014/01/27 职场文书
优秀女职工事迹材料
2014/02/06 职场文书
幼儿园毕业家长感言
2014/02/10 职场文书
商场消防安全责任书
2014/07/29 职场文书
暑期政治学习心得体会
2014/09/02 职场文书
校友回访母校寄语
2015/02/26 职场文书
信用卡工资证明范本
2015/06/19 职场文书