用JavaScript实现表格隔行变色

原创 2006年06月24日 13:27:00

<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之使特定的表格隔行变色

思路 1.依据表格id获取表格   使用方法 getElementById("元素id") 2.表格里获取元素  使用方法 getElementsByTagName("元素') 该方法返回的是标签名...

使用javascript使特定的表格隔行变色

特定的表格隔行变色 (1)根据表格的id获取表格。 (2)在表格内获取元素。 (3)在元素下获取元素。 (4)循环输出获取的元素。 (5)对元素的索引值除以2并取模,...

javascript表格操作大全:表格排序/倒序、动态添加列、批量删除、删除一行、隔行变色、鼠标悬浮切换背景色、全选/反选。(IE、火狐都兼容)

表格.html 表格操作 全选 编号 编程语言 所属公司 市场份额 诞生日期 操作...
  • a125138
  • a125138
  • 2012年08月16日 19:51
  • 7940

用bootstrap实现表格隔行变色,hover 变色并在需要时出现滚动条

边框表格布局 名称 城市 密码...

[核格Hearken平台]核格平台表格隔行变色功能的实现

核格平台通过行加载事件实现表格隔行变色功能

jquery实现表格的隔行变色

无标题文档 $(document).ready(function(){ //----------------处理表格的隔行变色--------------- v...

js实现表格的全选,反选,删除所选行以及隔行变色

Untitled Document                                        table{                     border:#2...

实现隔行变色效果升级以及实现表格全选、反选、删除效果

http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> http://www.w3.org/1999/xhtml"> 实现隔行变...

jQuery实现表格隔行变色

隔行变色 在很多项目中,当然可以避免使用table,而使用div来替代,但是为了能够快速的交付项目,而且对网络优化以及搜索引擎没有太高的妥协的话,我们当然可以使用喜闻乐见的表格来进行布局。使用表格布局...

点击单选按钮 实现表格的隔行变色

/*定义了三个样式*/ .once{ background-color:#0FC; } .after{ background-color:#F00; } .selected...
  • HUMHSX
  • HUMHSX
  • 2012年03月27日 17:36
  • 880
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:用JavaScript实现表格隔行变色
举报原因:
原因补充:

(最多只允许输入30个字)