（转）用JS实现表格中隔行显示不同颜色

用JS实现表格中隔行显示不同颜色

第一种：
<style>
tr{bgColor:expression(
this.bgColor=((this.rowIndex)%2==0 )? 'white' : 'yellow');
}
</style>
<table id="oTable" width="100" border="1" style="border-collapse:collapse;">
<tr><td> </td></tr>
<tr><td> </td></tr>
<tr><td> </td></tr>
<tr><td> </td></tr>

第二种：
<script language="javascript">
     var oTable = document.all['oTable'];
     for(var i=0;i<oTable.rows.length;i ){
          oTable.rows[i].bgColor = (i%2==0) ? 'white' : 'yellow' ;
     }
</script>
<table id="oTable" width="100" border="1" style="border-collapse:collapse;">
<tr><td> </td></tr>
<tr><td> </td></tr>
<tr><td> </td></tr>

第三种（第二种的改进版）：
用布儿变量替代之：内存换时间
var isToggled = false;

var oTable = document.all['oTable'];
for(var i=0;i<oTable.rows.length;i ){
isToggled = ! isToggled;
oTable.rows[i].bgColor = isToggled ? "white" : "yellow" ;
}

鼠标经过时改变背景颜色
<table><tr><td width="100" height="100" οnmοuseοver="style.backgroundColor='#C86F70'" οnmοuseοut="style.backgroundColor='#DDC676'" bgcolor="#DDC676">ihandu</td></tr></table>

我的方法一：

我的方法二：
<tr height = "22px" align=center style="c:if test='${status.count%2==0}'>#FFFFFF</c:if><c:if test='${status.count%2!=0}'>#E6E6E6</c:if>" >

附：

});
//用CSS控制奇偶行的颜色
function SetTableRowColor()
{

$("#Table tr:odd").css("background-color", "#e6e6fa");
$("#Table tr:even").css("background-color", "#fff0fa");
}
</scirpt>

（转）用JS实现表格中隔行显示不同颜色相关推荐

使用js删除表格中的一行的一个小练习
代码: <!DOCTYPE html> <html lang="ch"><head><meta charset="UTF-8&q ...
通过style来控制隔行显示不同颜色 .
通过style来控制隔行显示不同颜色 . <style> tr{ bgcolor:expression(this.bgColor=((this.rowIndex)%2==0 )? 'gr ...
如何在Excel中突出显示不同颜色的重复值？（转载）
转载连接:如何在Excel中突出显示不同颜色的重复值? 简介在Excel中,我们可以用一种颜色轻松地突出显示一列中的重复值条件格式但是,有时候,我们需要突出显示不同颜色的重复值,以便快速轻松地识别重 ...
JS合并表格中内容一样的单元格
1.页面效果 2.js代码 function mergeCells() {var colNumber = tablecontent.rows.item(0).cells.length; //获取表格列 ...
在表格中批量显示图片
当需要在Excel表格中显示大量的图片时,我们往往会采用函数来构造公式或编写VBA代码来处理.对于Microsoft Office使用经验不足的大多数用户来说,让其使用函数或编写VBA代码,显然是勉为 ...
excel表格数字显示不全_从word中把身份证号码复制到excel表格中完整显示身份证号码后4位...
如果直接从word中复制内容,在excel表格中进行粘贴处理,gif动画演示如下: 在word中,身份证号显示是完整的,而直接复制到excel表格会显示成E*17,这是科学计数法.双击单元格显示出 ...
word 产生很多temp 不显示_word表格中文字显示到最下面的时候不自动换页-解决办法...
今天写毕设的开题报告(word2016),在表格中添加行时不自动换页,导致表格内容显示不全,如下图. 在表格中添加行时不自动换页解决办法选中表格"右键"→"表格属性& ...
html表格中绑定显示xml文档内容的简单实例,JS读取XML文件数据并以table形式显示数据的方法(兼容IE与火狐)...
本文实例讲述了JS读取XML文件数据并以table形式显示数据的方法.分享给大家供大家参考,具体如下: 先看xml文件: 张秋丽女 18 李文才男 31 李斯文男 22 马英女 25 孙红雷 ...
wpf怎么让grid表格中元素显示到最顶层_一文搞定PPT中的快捷键
点击上方"锦乡悦堂",一起愉快的学习吧! 不知道大家有没有见到过会PS的同学工作时的场景:一手鼠标移动.指点,另一手在键盘上噼里啪啦按键,屏幕上肉眼可见的速度出现了他们的作品. 操 ...

（转）用JS实现表格中隔行显示不同颜色

（转）用JS实现表格中隔行显示不同颜色相关推荐

最新文章

热门文章