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 相关文章推荐
浏览器解析js生成的html出现样式问题的解决方法
Apr 16 Javascript
jQuery获得包含margin的outerWidth和outerHeight的方法
Mar 25 Javascript
chrome不支持form.submit的解决方案
Apr 28 Javascript
javascript中alert()与console.log()的区别
Aug 26 Javascript
jquery点击改变class并toggle的实现代码
May 15 Javascript
JS for循环中i++ 和 ++i的区别介绍
Jul 20 Javascript
解决linux下node.js全局模块找不到的问题
May 15 Javascript
对vue中v-if的常见使用方法详解
Sep 28 Javascript
js变量声明var使用与不使用的区别详解
Jan 21 Javascript
详解小程序中h5页面onShow实现及跨页面通信方案
May 30 Javascript
js 函数性能比较方法
Aug 24 Javascript
详解微信小程序动画Animation执行过程
Sep 23 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 上传文件大小限制
2009/07/05 PHP
完美实现GIF动画缩略图的php代码
2011/01/02 PHP
mysql数据库差异比较的PHP代码
2012/02/05 PHP
apache+codeigniter 通过.htcaccess做动态二级域名解析
2012/07/01 PHP
基于JQuery+PHP编写砸金蛋中奖程序
2015/09/08 PHP
php下载文件超时时间的设置方法
2016/10/06 PHP
PHP+mysql+ajax轻量级聊天室实现方法详解
2016/10/17 PHP
PHP从零开始打造自己的MVC框架之路由类实现方法分析
2019/06/03 PHP
jquery api参考 visualjquery 中国线路 速度快
2007/11/30 Javascript
jquery关于图形报表的运用实现代码
2011/01/06 Javascript
jquery数组过滤筛选方法grep()简介
2014/06/06 Javascript
jQuery实现灰蓝风格标准二级下拉菜单效果代码
2015/08/31 Javascript
jQuery遮罩层效果实例分析
2016/01/14 Javascript
react-native ListView下拉刷新上拉加载实现代码
2017/08/03 Javascript
vue.js简单配置axios的方法详解
2017/12/13 Javascript
AngularJs用户输入动态模板XSS攻击示例详解
2018/04/21 Javascript
基于elementUI使用v-model实现经纬度输入的vue组件
2019/05/12 Javascript
零基础写python爬虫之打包生成exe文件
2014/11/06 Python
python装饰器深入学习
2018/04/06 Python
Python使用到第三方库PyMuPDF图片与pdf相互转换
2019/05/03 Python
Python Pandas 转换unix时间戳方式
2019/12/07 Python
浅谈pycharm导入pandas包遇到的问题及解决
2020/06/01 Python
如何利用python正则表达式匹配版本信息
2020/12/09 Python
html5的canvas实现3d雪花飘舞效果
2013/12/27 HTML / CSS
英国最大的网上药品商店:Chemist Direct
2017/12/16 全球购物
印尼太阳百货公司网站:Matahari
2018/02/04 全球购物
平面网站制作专科生的自我评价分享
2013/12/11 职场文书
《一件运动衫》教学反思
2014/02/19 职场文书
春游踏青活动方案
2014/08/14 职场文书
英语三分钟演讲稿
2014/08/19 职场文书
房屋出租协议书范本(标准版)
2014/09/24 职场文书
群众路线剖析材料
2014/09/30 职场文书
大学生就业推荐表自我评价
2015/03/02 职场文书
2016党员干部反腐倡廉心得体会
2016/01/13 职场文书
导游词之秦皇岛燕塞湖
2020/01/03 职场文书
java版 联机五子棋游戏
2022/05/04 Java/Android