IE8 chrome中table隔行换色解决办法_javascript技巧

IE8以上的版本代码,只需要CSS即可
tr{ background-color:expression('#F8F8F8,#EFEFEF'.split(',')[rowIndex%2]); }
IE8以下的版本代码,是需要CSS与JS共同完成的:
首先定义好两个CSS,代码如下:

复制代码 代码如下:

.tr1{background-color:#fff;}
.tr2{background-color:#00ff;}

其实写JS代码,代码如下:

复制代码 代码如下:

onload=function(){
  var trs=document.getElementById("tbid").getElementsByTagName("tr");//获取tbid的table中所有tr的信息
for(var i=0;i<trs.length;i++)
{
    if(i%2==0)
trs[i].className="tr1";
else
trs[i].className="tr2";
}
}

作者:chenhuzi

时间: 2024-09-20 04:13:10

IE8 chrome中table隔行换色解决办法_javascript技巧的相关文章

Js 实现表格隔行换色一例_javascript技巧

2006年 2007年 2008年 2009年 总 4 2 56 43 10 4 10 10 10 76 10 9 总 10 10 10 10 2 10 12 10 10 10 10 10 总 10 5 10 10 10 7 10 3 10 5 7 8

关于验证码在IE中不刷新的快速解决方法_javascript技巧

今天在做验证码的时候发现在IE中,验证码不会刷新,而谷歌等其他浏览器没有问题,所以我想到应该是缓存问题,因为IE默认的设置是如果访问地址没变化就不会去获取而是加载缓存中的内容 所以解决方案就是在验证码的切换地址后面加一个随机的参数 例如: <script> //换验证码 function changeimg(){ /* math.random范围是0-1 *999变成0-999 +3000 就是3000-3999 */ var time=Math.round(Math.random()*999

关于安卓手机微信浏览器中使用XMLHttpRequest 2上传图片显示字节数为0的解决办法_javascript技巧

前端JS中使用XMLHttpRequest 2上传图片到服务器,PC端和大部分手机上都正常,但在少部分安卓手机上上传失败,服务器上查看图片,显示字节数为0.下面是上传图片的核心代码: HTML <input type="file" id="choose" capture="camera" accept="image/*"> JavaScript var filechooser = document.getEleme

JS中页面与页面之间超链接跳转中文乱码问题的解决办法_javascript技巧

在原页面一张图片上添加了一个链接,链接中有中文,于是出现下面的情况:   解决办法是在tomcat的server.xml文件的中加入URIEncoding="utf-8",如下: <Connector URIEncoding="utf-8" connectionTimeout="20000" port="8080" protocol="HTTP/1.1" redirectPort="8443

js中style.display=&quot;&quot;无效的解决方法_javascript技巧

本文实例讲述了js中style.display=""无效的解决方法.分享给大家供大家参考.具体解决方法如下: 一.问题描述: 在js中我们有时想动态的控制一个div显示或隐藏或更多的操作,但如果我们style.display=""可能导致没有效果. 看下面一段代码: 复制代码 代码如下: <style>  #name  {      display:none;  } </style> </head> <body> &l

Active控件问题小结(附解决办法)_javascript技巧

ActiveX 控件是允许网站提供视频等内容的网站. 当你浏览 Web 时,它们允许你使用工具栏.股票代号.视频和其它内容. 但是,这些程序有时可能出现问题,或者向你提供不需要的内容. 在某些情况下,这些程序可用于从计算机收集信息.损坏计算机上的信息.在未经你同意的情况下在计算机上安装软件或使其他人远程控制计算机. ActiveX 筛选可防止网站安装和使用这些程序. 自己写了一个后台管理界面,在chrome浏览器中正常显示,但在360安全浏览器中浏览时,效果出不来,提示有问题 然后我点击允许操作

关于Mozilla浏览器不支持innerText的解决办法_javascript技巧

比如: <p id="test"><strong><font color="red">Hello</font> , world!</strong></p> 我们使用代码:alert((document.getElementById("test")).innerText) 在IE.Chrome中,均能获取到"Hello , world!",但是在Firefo

谷歌showModalDialog()方法不兼容出现对话窗口的解决办法_javascript技巧

showModalDialog,在测试中,IE,Firefox中正常运行,但是在google中,点击后没什么反应,在网上看了一下,谷歌浏览器不支持showModalDialog模态对话框和无法返回returnValue,得到了一个解决办法 <script type="text/javascript"> //开启模式窗口 function showMyModal() { var url = "SelectUser.aspx"; //传入参数示例 var m

BootStrap 图标icon符号图标glyphicons不正常显示的快速解决办法_javascript技巧

 bootstrap 图标icon符号图标glyphicons不正常显示解决办法如下所示: 分享供各位参考: 1.在ff/http:的地址栏中输入"about:config",即进入配置界面. 2.进入后,搜索"security.fileuri.strict_origin_policy",这是该值应该是true. 3.双击该项,其值自动变为false,即可. 4.修改后,再刷新遇到问题的页面,即可看到正常显示的图标了. 探究问题原因: 1.由于ff/http:一个安