JS实例-表格各行换色
来源:互联网 发布:手机淘宝描述尺寸 编辑:程序博客网 时间:2024/05/20 10:52
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>隔行换色tbody.rows方式</title> <style> table{ width:800px; border: 2px solid blue; } </style> <script> function init(){ var tbEle = document.getElementById("tb"); var len = tbEle.tBodies[0].rows.length; for(var i=0;i<len;i++){ if(i%2==0){ tbEle.tBodies[0].rows[i].style.backgroundColor="gray"; }else{ tbEle.tBodies[0].rows[i].style.backgroundColor="lightgray"; } } } </script> </head> <body onload="init()"> <table align="center" border="1px" id="tb"> <thead> <tr><th>编号</th><th>姓名</th><th>年龄</th></tr> </thead> <tbody> <tr><td>1</td><td>张三</td><td>22</td></tr> <tr><td>2</td><td>李四</td><td>25</td></tr> <tr><td>3</td><td>王五</td><td>27</td></tr> <tr><td>4</td><td>赵六</td><td>29</td></tr> <tr><td>5</td><td>田七</td><td>26</td></tr> <tr><td>6</td><td>汾九</td><td>20</td></tr> </tbody> </table> </body></html>
0 0
- JS实例-表格各行换色
- 各行换色 鼠标悬停变色
- js表格(创建,换色,点击)
- js操作表格目的隔行换色
- ]Jquery案例 之 复选框与各行换色
- 表格各行变色
- 纯js实现隔行换色实例
- [前端]表格隔行换色和细线边框实例
- jquery 实现各行换颜色
- jquery--实现简单的各行换色及选择行数换色
- js实现表格上鼠标移行换色
- 在表格中隔行换色(js)
- html中用js实现的表格隔行换色
- 用JS完成对表格的隔行换色
- 表格隔行换色
- 表格隔行换色
- 表格隔行换色
- 表格隔行换色
- CSS选择器优先级
- 【2016.10.7NOIP普及模拟】找试场
- Git与SVN的区别
- Android DiskLruCache缓存完全解析
- C语言第9章与第10章学习总结
- JS实例-表格各行换色
- 【2016.10.7NOIP普及模拟】圆的国度
- 51nod-1421 最大MOD值
- PHP 遍历目录下面所有文件(案例)
- 高性能javascript读书笔记之数据存取
- new java
- 【2016.10.7NOIP普及模拟】幂运算
- 基于Arduino的开源四轴飞行器开发学习板
- jQuery.extend 函数详解