本文为大家介绍了利用js实现表格隔行换色效果的方法,具有一定的参考价值,希望可以帮助到大家。要实现隔行换色效果需要操作表格中的每一行,动态的修改行的背景元素。
首先我们来看一下实现的效果,如下图所示:

思路:
确定事件: 文档加载完成 onload 2. 事件要触发函数: init() 3. 函数:操作页面的元素 要操作表格中每一行 动态的修改行的背景颜色
具体代码:
| html>
<title>Title function init(){ //得到表格 var tab = document.getElementById(“tab”); //得到表格中每一行 var rows = tab.rows; //便利所有的行,然后根据奇数 偶数 for(var i=1; i < rows.length; i++){ var row = rows[i]; //得到其中的某一行 if(i%2==0){ row.bgColor = “yellow”; }else{ row.bgColor = “red” } } }
|
以上就是利用js实现表格隔行换色效果的详细内容,更多请关注php中文网其它相关文章!


博悦天下





