js控制表单奇偶行样式的简单方法
- 软件编程
- 2026-01-11 14:58:02
复制代码 代码如下:
$("tr:odd").addClass("clazzName");
$("tr:even").addClass("clazzName");
二、如果是使用纯js的话
1.先获取table标签,var table = document.getElementById()
2.再获取里面的tbody标签var tbody = table.getElementsByTagName("tbody")[0]
3.再获取tr标签var trs = tbody.getElementsByTagName("tr")
4.然后迭代trs
复制代码 代码如下:
for(var i=0; i
if(i%2==0){
trs[i].style.backgroundColor="red";
}else{
trs[i].style.backgroundColor="blue";
}
}
获取tbody标签是必须的,虽然你没写,但是浏览器在编译table的时候会自动给加上
所有的tr标签都是在tbody里面的
# 表单
# 可以直接
# 是在
# js
# style
# BR
# 你没
# 迭代
# tr
# var
# red
# blue
# JQuery
# span
# table
# getElementById
# odd
# 样式
# backgroundColor
# addClass
# trs
# 奇偶行高亮显示及鼠标划过高亮显示类
# 奇偶行
# 利用JQuery和JS实现奇偶行背景颜色自定义效果
# jquery实现奇偶行赋值不同css值
# clazzName
相关栏目:
【
教研文案 】
【
日常文案 】
【
AI模型 】
【
网络运营 】
【
营销推广 】
【
云计算 】
【
技术教程 】
【
软件编程 】
【
汉字学习 】
【
歌词歌曲 】
【
精选文章 】
相关推荐:
redission分布式锁防止重复初始化问题
C++可变参数函数的实现方法示例
五句话帮你轻松搞定js原型链
在 Python 中使用 7zip 备份文件的操作
微信小程序实现点击导航条切换页面
在vue中动态修改css其中一个属性值操作
Python Selenium XPath根据文本内容查找元素的方法
Mybatis批量提交实现步骤详解
C++ 删除字符串的2种方法小结
C++计算整数序列的最长递增子序列的长度操作
Java 中的语法糖,真甜
python爬取天气数据的实例详解
Python Pandas list列表数据列拆分成多行的方法实现
Aop动态代理和cglib实现代码详解
Java 类型信息详解和反射机制介绍
Pycharm-community-2025.2.3 社区版安装教程图文详解
VSCode中画UML图的方法实现
Python之字符串的遍历的4种方式
Java 基于tcp协议实现文件上传
PHP如何防止用户重复提交表单
基于binarywang封装的微信工具包生成二维码
原生js实现点击按钮复制内容到剪切板
C++模板元编程实现选择排序
使用Tomcat Native提升Tomcat IO效率的方法详解
H5 js点击按钮复制文本到粘贴板
python3.9实现pyinstaller打包python文件成exe
使用Python提取文本中含有特定字符串的方法示例
详解anaconda安装步骤
Java tomcat环境变量及idea配置解析
JavaScript实现鼠标经过表格某行时此行变色
scrapy redis配置文件setting参数详解
C# 实现Table的Merge,Copy和Clone
pycharm激活码2025最新分享适用pycharm2025最新版亲测可用
PHP文件操作简单介绍及函数汇总
5 分钟读懂Python 中的 Hook 钩子函数
Navicat Premiun远程连接MySQL报错10038解决方案
python基于socket模拟实现ssh远程执行命令
idea打不开双击IDEA图标没反应的快速解决方案
SpringBoot中dubbo+zookeeper实现分布式开发的应用详解
golang语言如何将interface转为int, string,slice,struct等类型
JVM创建对象及访问定位过程详解
如何扩展Spring Cache实现支持多级缓存
Mysql 5.6 "隐式转换"导致的索引失效和数据不准确的问题
python 动态渲染 mysql 配置文件的示例
Docker镜像的制作,上传,拉取和部署操作(利用阿里云)
浅析Python 中的 WSGI 接口和 WSGI 服务的运行
paramiko使用tail实时获取服务器的日志输出详解
scrapy在python爬虫中搭建出错的解决方法
Docker容器上用DockerFile部署多个tomcat服务的步骤
Python django框架 web端视频加密的实例详解
本文转自网络,如有侵权请联系客服删除。
热门内容推荐
C#使用虚拟方法实现多态
- 2026-01-11
JavaScript原生对象之String对象的属性和方法详解
- 2026-01-11
js实现DOM走马灯特效的方法
- 2026-01-11
轻松创建nodejs服务器(1):一个简单nodejs服务器例子
- 2026-01-11
php实现微信公众平台账号自定义菜单类
- 2026-01-11
