用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>

js 学习基础 随机生成表格 颜色随机

随机生成表格: 任意输入行数或列数, 生成对应表格; 点击任意单元格, 将其数和背景颜色输出显示; DOM /*#box{ height:100px; wi...
  • b1244154318
  • b1244154318
  • 2016年07月15日 23:33
  • 458

JavaScript之使特定的表格隔行变色

思路 1.依据表格id获取表格   使用方法 getElementById("元素id") 2.表格里获取元素  使用方法 getElementsByTagName("元素') 该方法返回的是标签名...
  • u012493556
  • u012493556
  • 2015年07月28日 08:30
  • 379

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

特定的表格隔行变色 (1)根据表格的id获取表格。 (2)在表格内获取元素。 (3)在元素下获取元素。 (4)循环输出获取的元素。 (5)对元素的索引值除以2并取模,...
  • qq_25067905
  • qq_25067905
  • 2016年08月01日 11:55
  • 309

jQuery轻松实现表格的隔行变色,点击行变色

jQuery轻松实现表格的隔行变色,点击行变色: http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> http://www.w3.o...
  • zwt90
  • zwt90
  • 2012年03月27日 21:12
  • 5821

jQuery动态生成隔行变色表格

jQuery动态生成隔行变色表格下载地址:http://download.csdn.net/detail/lypf19900912/8638743...
  • lypf19900912
  • lypf19900912
  • 2015年04月27日 20:42
  • 2505

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

特定的表格隔行变色 (1)根据表格的id获取表格。 (2)在表格内获取元素。 (3)在元素下获取元素。 (4)循环输出获取的元素。 (5)对元素的索引值除以2并取模,...
  • qq_25067905
  • qq_25067905
  • 2016年08月01日 11:55
  • 309

表格变色例子

今天做了《锋利的Jquery》的表格变色的例子。作为一个这一行业的green-hander,我决定一步一个脚印从简单的做起,把基础打扎实,看书要和写代码结合起来。我决定把书中的每个例子看一遍再做一遍再...
  • natalie86
  • natalie86
  • 2015年01月17日 20:02
  • 480

JSP简单隔行变色和日期格式化

以前好像在找,都没找到简单点的,所以后面就自己写了一个,感觉超级简单又好理解,分享给大家...
  • Jerome_s
  • Jerome_s
  • 2014年05月19日 12:49
  • 3417

用PHP和JS分别实现隔行换色

1.PHP实现隔行换色
  • qq_30292863
  • qq_30292863
  • 2015年12月01日 16:20
  • 974

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

边框表格布局 名称 城市 密码...
  • bawcwchen
  • bawcwchen
  • 2014年12月13日 17:47
  • 8621
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:用JavaScript实现表格隔行变色
举报原因:
原因补充:

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