JS控制表格隔行变色
2006-06-26 00:00
561 查看
<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>
<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控制表格的逐行变色的表单
- 用JS控制表格的逐行变色的表单
- js控制表格隔行变色
- 用JS控制表格的逐行变色的表单
- JS控制表格隔行变色
- 用JS控制表格的逐行变色的表单
- ajax+js+dom+json+php+mysql实现漂亮的表格各行变色与google分页效果
- JS实现用键盘控制div的移动操作与背景变色
- 鼠标划过表格行变色效果JS
- 比较高效的表格行背景变色及选定高亮JS
- js实现表格的全选,反选,删除所选行以及隔行变色
- JS实现控制表格行文本对齐的方法
- JS实现用键盘控制DIV上下左右+放大缩小与变色
- 简单的css js控制table隔行变色
- JS控制网页动态生成任意行列数表格的方法
- js实现鼠标经过表格行变色的方法
- JS实现用键盘控制DIV上下左右+放大缩小与变色
- JS控制页面表格内数据,按照条件排序
- 简单的css js控制table隔行变色