js控制表单奇偶行样式的简单方法
更新时间：2013年07月31日 10:45:04 作者：
这篇文章介绍了js控制表单奇偶行样式的简单方法，有需呀偶的朋友可以参考一下
一、如果使用JQuery的话可以直接JQuery的
$("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里面的
复制代码 代码如下:
$("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里面的
相关文章
在小程序中,有默认的图标icon组件,但你会发现它的图标样式很少,可能很多时候并不能满足我们的需求,所以这篇文章主要给大家介绍了关于微信小程序引入外部icon(阿里巴巴矢量图标)的相关资料,需要的朋友可以参考下2022-09-09
下面小编就为大家带来一篇去除字符串左右两边的空格(实现代码)。小编觉得挺不错的，现在分享给大家，也给大家做个参考2016-05-05
JavaScript装箱及拆箱boxing及unBoxing用法解析
这篇文章主要介绍了JavaScript装箱及拆箱boxing及unBoxing用法解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2020-06-06
UniApp中Scroll-View设置占满下方剩余高度的方法记录
在使用uniapp开发项目过程中有时候会想让一些组件占有屏幕剩余的高度,下面这篇文章主要给大家介绍了关于UniApp中Scroll-View设置占满下方剩余高度的方法,需要的朋友可以参考下2023-04-04
这篇文章主要介绍了jquery实现简单的遮罩层相关代码，内容很丰富，教大家实现遮罩层效果，感兴趣的小伙伴们可以参考一下2016-01-01
这篇文章主要介绍了js 执行上下文和作用域的相关知识总结，帮助大家更好的理解和使用JavaScript，感兴趣的朋友可以了解下2021-02-02
这篇文章主要介绍了深入理解JavaScript内存管理和GC算法，下面文章主要讲解JavaScript的垃圾回收机制以及常用的垃圾回收算法；还讲解了V8引擎中的内存管理，最后介绍了Performance工具如何使用2022-07-07
javascript判断ie浏览器6/7版本加载不同样式表的实现代码
ie6/ie7的兼容问题很让人苦恼，我们可以针对这两个版本的浏览器单独写独立的样式表，来解决兼容问题。这里的例子以判断ie6与ie7来加载不同的样式表2011-12-12
本文主要介绍了原生js实现倒计时（多种格式调用）的方法，具有一定的参考价值，下面跟着小编一起来看下吧2017-01-01
这篇文章主要介绍了小程序new Date()方法失效问题解决,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2019-07-07
最新评论