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

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

这篇文章介绍了js控制表单奇偶行样式的简单方法 有需呀偶的朋友可以参考一下  

　　一 如果使用JQuery的话可以直接JQuery的

复制代码 代码如下: $("tr:odd") addClass("clazzName"); $("tr:even") addClass("clazzName");

　　 二 如果是使用纯js的话 先获取table标签 var table = document getElementById() 再获取里面的tbody标签var tbody = table getElementsByTagName("tbody")[ ] 再获取tr标签var trs = tbody getElementsByTagName("tr") 然后迭代trs

复制代码 代码如下: for(var i= ; i if(i% == ){ trs[i] style backgroundColor="red"; }else{ trs[i] style backgroundColor="blue"; } }

 

lishixinzhi/Article/program/Java/JSP/201311/20178