javascript - 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/