js控制表单奇偶行样式的简单方法


Posted in Javascript onJuly 31, 2013

一、如果使用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里面的

Javascript 相关文章推荐
Autocomplete Textbox Example javascript实现自动完成成功
Aug 17 Javascript
js调试系列 源码定位与调试[基础篇]
Jun 18 Javascript
Javascript学习笔记之 对象篇(三) : hasOwnProperty
Jun 24 Javascript
JS实现网页每隔3秒弹出一次对话框的方法
Nov 09 Javascript
Three.js学习之网格
Aug 10 Javascript
Vue制作Todo List网页
Apr 26 Javascript
简单实现js放大镜效果
Jul 24 Javascript
微信小程序wx.previewImage预览图片实例详解
Dec 07 Javascript
Angular Renderer (渲染器)的具体使用
May 03 Javascript
js计算两个时间差 天 时 分 秒 毫秒的代码
May 21 Javascript
Vue中全局变量的定义和使用
Jun 05 Javascript
JavaScript实现跟随鼠标移动的盒子
Jan 28 Javascript
js中parseInt函数浅谈
Jul 31 #Javascript
JavaScript中的关键字"VAR"使用详解 分享
Jul 31 #Javascript
JavaScript 和 Java 的区别浅析
Jul 31 #Javascript
javascript检查表单数据是否改变的方法
Jul 30 #Javascript
JS 对输入框进行限制(常用的都有)
Jul 30 #Javascript
JS无限极树形菜单,json格式、数组格式通用示例
Jul 30 #Javascript
js中widow.open()方法使用详解
Jul 30 #Javascript
You might like
Windows7下的php环境配置教程
2015/02/28 PHP
举例详解PHP脚本的测试方法
2015/08/05 PHP
CodeIgniter自定义控制器MY_Controller用法分析
2016/01/20 PHP
PHP计算近1年的所有月份
2017/03/13 PHP
出现“不能执行已释放的Script代码”错误的原因及解决办法
2007/08/29 Javascript
扩展js对象数组的OrderByAsc和OrderByDesc方法实现思路
2013/05/17 Javascript
Prototype框架详解
2015/11/25 Javascript
使用Angular.js开发的注意事项
2016/10/19 Javascript
详解webpack 配合babel 将es6转成es5 超简单实例
2017/05/02 Javascript
关于webpack2和模块打包的新手指南(小结)
2017/08/07 Javascript
jQuery Easyui Treegrid实现显示checkbox功能
2017/08/08 jQuery
javascript基本常用排序算法解析
2017/09/27 Javascript
bootstrap table.js动态填充单元格数据的多种方法
2019/07/18 Javascript
解决layui中onchange失效以及form动态渲染失效的问题
2019/09/27 Javascript
[01:16:37]【全国守擂赛】第三周决赛 Dark Knight vs. 一个弱队
2020/05/04 DOTA
深入理解Django中内置的用户认证
2017/10/06 Python
python中numpy.zeros(np.zeros)的使用方法
2017/11/07 Python
基于Python实现的微信好友数据分析
2018/02/26 Python
windows下安装Python的XlsxWriter模块方法
2018/05/03 Python
利用python和百度地图API实现数据地图标注的方法
2019/05/13 Python
Python3 实现文件批量重命名示例代码
2019/06/03 Python
itchat-python搭建微信机器人(附示例)
2019/06/11 Python
python3注册全局热键的实现
2020/03/22 Python
Python openpyxl 插入折线图实例
2020/04/17 Python
Python如何在windows环境安装pip及rarfile
2020/06/15 Python
Python绘图之柱形图绘制详解
2020/07/28 Python
优衣库英国官网:UNIQLO英国
2016/12/25 全球购物
日本热销NO.1胶原蛋白冻:Aishitoto爱希特多
2019/06/20 全球购物
大学四年学习的自我评价分享
2013/12/09 职场文书
企业法人授权委托书
2014/04/03 职场文书
病媒生物防治方案
2014/05/13 职场文书
教师评职称工作总结2015
2015/04/20 职场文书
2016年教师学习廉政准则心得体会
2016/01/20 职场文书
2016年推广普通话宣传周活动总结
2016/04/06 职场文书
毕业生的自我鉴定表范文
2019/05/16 职场文书
分享Python异步爬取知乎热榜
2022/04/12 Python