IE8 chrome中table隔行换色解决办法
- 软件编程
- 2026-01-11 10:46:56
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
# JS
# 只需要
# BR
# tr
# CSS
# color
# lt
# span
# table
# background
# fff
# split
# getElementById
# getElementsByTagName
# className
# expression
# EFEFEF
# rowIndex
# 隔行换色
# Js 实现表格隔行换色一例
# 表格 隔行换色升级版
# li隔行换色改进版
# li隔行换色效果代码升级版
# tbid
# jQuery 隔行换色 支持键盘上下键
# 按Enter选定值
# css expression 隔行换色
# 不用javascript实现带序号的表格隔行换色的效果
# CSS2实现的隔行换色
# 表格隔行换色 css expression
# chenhuzi
相关栏目:
【
教研文案 】
【
日常文案 】
【
AI模型 】
【
网络运营 】
【
营销推广 】
【
云计算 】
【
技术教程 】
【
软件编程 】
【
汉字学习 】
【
歌词歌曲 】
【
精选文章 】
相关推荐:
通过代码实例解析PHP session工作原理
9个小技巧让你的Java if else看起来更优雅
一次mybatis连接查询遇到的坑实战记录
pycharm + django跨域无提示的解决方法
Java程序执行过程及内存机制详解
vue自定义插件封装,实现简易的elementUi的Message和MessageBox的示例
阿里云盘邀请码最新分享(阿里云盘邀请码怎么获取) <font color=red>原创</font>
golang中连接mysql数据库
MyBatis带参查询的方法详解
Java 内存溢出的原因和解决方法
基于Nginx实现限制某IP短时间访问次数
深入解析PHP底层机制及相关原理
C语言中的递归,你真的懂了吗?
Vue实现简单购物车功能
Vue 的 v-model用法实例
解决docker run时候启动两个占有不同端口的问题
SQLServer设置客户端使用IP地址登录的图文详解
Python 调用 ES、Solr、Phoenix的示例代码
IntelliJ IDEA之高效代码插件RainBow Brackets详解
小程序中手机号识别的示例
Springboot简单热部署实现步骤解析
Python文件名匹配与文件复制的实现
C#使用ML.Net完|成人|工智能预测
gradle项目中资源文件的相对路径打包技巧必看
python实现图像随机裁剪的示例代码
解决docker指定udp端口号的问题
MySQL日期与时间函数的使用汇总
深入理解 Java、Kotlin、Go 的线程和协程
GoLand 2025.3 正式发布有不少新功能(支持泛型)
PHP sdk文档处理常用代码示例解析
IntelliJ IDEA 2025.3永久最新激活至2099年(亲测有效)
Python如何批量生成和调用变量
python 写一个文件分发小程序
Mysql8.0.22解压版安装教程(小白专用)
flask项目集成swagger的方法
Java代码精简之道(推荐)
Spring Boot2读取配置常用方法代码实例
python中二分查找法的实现方法
Python中return函数返回值实例用法
Java 判断实体对象及所有属性是否为空的操作
swiperjs实现导航与tab页的联动
docker run之后状态总是Exited
Java学习教程之定时任务全家桶
浅谈shell脚本免交互的四大方法
Vue $attrs & inheritAttr实现button禁用效果案例
python 实现的IP 存活扫描脚本
python 操作excel表格的方法
用php实现分页效果的示例代码
shell脚本--sed的用法详解
Python实现Kerberos用户的增删改查操作
本文转自网络,如有侵权请联系客服删除。
热门内容推荐
C#使用虚拟方法实现多态
- 2026-01-11
JavaScript原生对象之String对象的属性和方法详解
- 2026-01-11
js实现DOM走马灯特效的方法
- 2026-01-11
轻松创建nodejs服务器(1):一个简单nodejs服务器例子
- 2026-01-11
php实现微信公众平台账号自定义菜单类
- 2026-01-11
