javascript

位置:IT落伍者 >> javascript >> 浏览文章

js控制表单奇偶行样式


发布日期:2020年09月07日
 
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里面的

               

上一篇:JS代码判断IE6,IE7,IE8,IE9的函数代码

下一篇:jquery简单的div显示和隐藏特效