怎么使用javascript完成表格隔行换色

下面是在html文件中，操纵javascript来完当作一个表格的隔行换色简单结果，感乐趣的可以看一下下面是图文。

方式/步骤

1. 1

   首先建立一个html5的文件，html5比拟于html4仍是半斤八两很简短.

   
2. 2

   然后我们来在html文件body标签本家儿体下添加表格标签和其内容，具体如下图。

   
3. 3

   添加完当作之后，操纵浏览器运行查看初步结果如下图。此时是没有颜色的。

   
4. 4

   然后我们可以在html文件的是头部经由过程<script>标签对添加javascript文件。

   因为默认type="text/javascript" 所以不加这个也是没有问题的。

   
5. 5

   在javascript中完当作如下功能：1.按照id获取表格。

   2.获取表格中tbody的行的长度。3.遍历表格中tbody的行，然后对2取余，判定奇偶性，最后再赋值颜色。

   代码实现如下图。

   
6. 6

   完当作之后，我们再来经由过程浏览器来运行这一个html文件，就会跳出如下的成果。显然已经完当作隔行换色。