首页 > 网络编程 > JavaScript > javascript技巧 > javascript控制表格列样式 javascript轻松控制表格列样式的脚本代码 2007-12-13 19:56:13 投稿：mdxy-dxy javascript轻松控制表格列样式的脚本代码通过遍历table表格元素并动态设置其class属性,实现表格样式动态控制的功能,需要的朋友可以参考一下 <table border="1" id="tab"> <tr> <td>第一列</td> <td>第二列</td> <td>第3列</td> </tr> <tr> <td>第一列</td> <td>第二列</td> <td>第3列</td> </tr> </table> <script> var obj=document.getElementById("tab").getElementsByTagName("TD") var n=3;//列数 for (var i=0;i<obj.length;i++){ obj[i].className="name"+(i%n+1);alert(obj[i].className) } </script> [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] 您可能感兴趣的文章:Vue.js实现多条件筛选、搜索、排序及分页的表格功能JS实现表格数据各种搜索功能的方法js实现表格筛选功能js获取表格的行数和列数的方法JS控制网页动态生成任意行列数表格的方法JavaScript遍历table表格中的某行某列并打印其值js操作table元素实现表格行列新增、删除技巧总结妙用Angularjs实现表格按指定列排序Javascript动态创建表格及删除行列的方法JS实现table表格内针对某列内容进行即时搜索筛选功能
