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
相关推荐:
python动态规划算法实例详解
详解Python GUI编程之PyQt5入门到实战
shell脚本自动安装jdk的方法示例
如何创建一个Flask项目并进行简单配置
springboot实现异步调用@Async的示例
对docker中的overlay式网络详解
Vue实现简单购物车功能
scrapy redis配置文件setting参数详解
Java eclipse doc文档生成流程解析
C/C++宏替换实现详解
flask项目集成swagger的方法
C++ cin速度优化详解
IntelliJ IDEA之高效代码插件RainBow Brackets详解
docker 连接宿主Mysql操作
微信小程序实现倒计时功能
解决IDEA 2025.3 lombok失效问题
echarts柱状图背景重叠组合而非并列的实现代码
python os.rename实例用法详解
VUE+Element实现增删改查的示例源码
Windows安装Openssl并使用Openss生成公钥私钥
discuz论坛更换域名,详细文件修改步骤
Spring Boot2读取配置常用方法代码实例
Java后台与微信小程序的数据交互实现
Docker 配置阿里云容器服务操作
Python析构函数__del__定义原理解析
docker利用单个镜像映射到多个端口操作
Java实现贪吃蛇游戏源码
docker-compose快速搭建docker私有仓库的步骤
Dockerfile中ENTRYPOINT 和 CMD的区别说明
docker 报错 Exited (1) 4 minutes ago的原因分析
python openssl模块安装及用法
Mybatis批量提交实现步骤详解
C++ 实现自定义类型的迭代器操作
C++ 字符串string和整数int的互相转化操作
vue使用exif获取图片经纬度的示例代码
Docker 修改docker存储位置 修改容器镜像大小限制操作
python使用正则表达式匹配txt特定字符串(有换行)
C++枚举类型用法总结(枚举字符常量代替常量)
python 解决函数返回return的问题
浅谈shell脚本免交互的四大方法
用ldap作为django后端用户登录验证的实现
C#使用ML.Net完|成人|工智能预测
MySQL 中行转列的方法
解决docker run时候启动两个占有不同端口的问题
MongoDB如何正确中断正在创建的索引详解
Docker 拉取镜像及标签操作 pull | tag
python绘图pyecharts+pandas的使用详解
详解Android WebView监听console错误信息
Mysql事务特性和级别原理解析
Java 跨域问题的处理方式
本文转自网络,如有侵权请联系客服删除。
热门内容推荐
C#使用虚拟方法实现多态
- 2026-01-11
JavaScript原生对象之String对象的属性和方法详解
- 2026-01-11
js实现DOM走马灯特效的方法
- 2026-01-11
轻松创建nodejs服务器(1):一个简单nodejs服务器例子
- 2026-01-11
php实现微信公众平台账号自定义菜单类
- 2026-01-11
