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

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

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

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

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

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

获取tbody标签是必须的虽然你没写但是浏览器在编译table的时候会自动给加上
所有的tr标签都是在tbody里面的