javascript table 隔行变色
2012-10-24 12:37
447 查看
从此再也不用为了隔行变色而引入jquery了
function changeTableColor(oddColor,evenColor){ var tables=document.getElementsByTagName('table'); for(var i=0;i<tables.length;i++){ var table=tables[i]; var childs=table.childNodes; for(var j=0;j<childs.length;j++){ var child=childs[j]; if(child.nodeName=='TBODY'){ var trs=child.childNodes; for(var x=0;x<trs.length;x++){ if(trs[x].nodeName=='TR'){ var tr=trs[x]; if(x%4==0 ){ trs[x].style.backgroundColor=oddColor; } if(x%4==2){ trs[x].style.backgroundColor=evenColor; } } } } } } }
window.onload=function(){ changeTableColor('#ddd','#eee'); }
相关文章推荐
- Table 隔行变色、悬停变色
- table 隔行变色
- table隔行变色
- javascript table美化鼠标滑动单元格变色
- javascript,隔行变色,鼠标移入时高亮
- javascript实现table表格隔行变色的方法
- table隔行变色的css
- javascript中的table 当经过一行时 变色
- css 实现table 隔行变色
- javascript实现隔行变色和高亮
- jQuery选择器实现隔行变色和使用javaScript实现隔行变色
- javascript表格操作大全:表格排序/倒序、动态添加列、批量删除、删除一行、隔行变色、鼠标悬浮切换背景色、全选/反选。(IE、火狐都兼容)
- JavaScript实现的斑马线表格效果【隔行变色】
- javascript 隔行变色,鼠标滑过变色
- <javascript学习笔记>javascript 实现隔行变色
- Table表格的隔行变色,高亮选择当前行效果
- javascript实现table表格隔行变色的方法
- javascript表格操作大全:表格排序/倒序、动态添加列、批量删除、删除一行、隔行变色、鼠标悬浮切换背景色、全选/反选。(IE、火狐都兼容)
- DOM table 隔行变色
- javascript 隔行变色,九九乘法表