JavaScript - 创建一些可用于为表行提供备用样式的CSS类

Question

我正在尝试使用JavaScript：

• 创建一些可用于为表行提供备用样式的CSS类。
• 编写JavaScript，找到表体内的所有表行，然后给出 您在CSS文件中创建的替代样式，以及奇数行和偶数行。

这就是我所拥有的 - 如何使用JavaScript？只有JavaScript，而不是jQuery。

非常感谢帮助，你可以关闭这个帖子：）

Answer 1

为什么使用javascript？这可以通过使用css来完成：

tr:nth-child(odd) > td{
background-color:red;
}
tr:nth-child(even) > td{
background-color:green;
}

http://jsfiddle.net/KgXLk/

Answer 2

var table = document.getElementsByTagName('table')[0];

var trs = table.getElementsByTagName('tr');

for (var i = 0; i<trs.length; i++) {
    if (i % 2)
        trs[i].className += 'new_class';
} 

http://jsfiddle.net/VvQ7D/1/