js控制表单奇偶行样式的简单方法
2023-06-13 09:15:03 时间
一、如果使用JQuery的话可以直接JQuery的
复制代码代码如下:
$("tr:odd").addClass("clazzName");
$("tr:even").addClass("clazzName");
二、如果是使用纯js的话
1.先获取table标签,vartable=document.getElementById()
2.再获取里面的tbody标签vartbody=table.getElementsByTagName("tbody")[0]
3.再获取tr标签vartrs=tbody.getElementsByTagName("tr")
4.然后迭代trs
for(vari=0;i
if(i%2==0){
trs[i].style.backgroundColor="red";
}else{
trs[i].style.backgroundColor="blue";
}
}
获取tbody标签是必须的,虽然你没写,但是浏览器在编译table的时候会自动给加上
所有的tr标签都是在tbody里面的
相关文章
- js书写原生ajax,JS 原生ajax写法
- html如何只刷新页面指定,js控制页面刷新 JS刷新当前页面的几种方法总结
- php 中js跳转页面跳转页面,js跳转代码_PHP页面跳转 Js页面跳转代码[通俗易懂]
- js动画和css3动画_js控制css动画
- Js排序算法_js 排序算法
- 【青训营】月影带我学js——过程抽象
- 使用Js怒刷LeetCode
- js修改文本框
- 用js实现控制内容的向上向下滚动效果
- JS控制CSS样式的方法
- js控制.net验证控件是否可用。
- Js控制表单域代码
- JS控制小数位数的实现代码
- js控制下拉菜单刷新的方法
- js获取class的元素的方法以及创建方法getElementsByClassName
- 使用js正则控制input标签只允许输入的值
- JS幻灯片可循环播放可平滑旋转带滚动导航(自写)
- js控制页面控件隐藏显示的两种方法介绍
- js、css、img等浏览器缓存问题的2种解决方案
- Js判断参数(String,Array,Object)是否为undefined或者值为空
- JS获取屏幕,浏览器窗口大小,网页高度宽度(实现代码)
- 用js控制组织结构图可以任意拖拽到指定位置
- js控制鼠标事件移动及移出效果显示
- js实现键盘控制DIV移动的方法
- js图片闪动特效可以控制间隔时间如几分钟闪动一下