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

方式/步骤
- 1
首先建立一个html5的文件,html5比拟于html4仍是半斤八两很简短.

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


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

- 4
然后我们可以在html文件的是头部经由过程<script>标签对添加javascript文件。
因为默认type="text/javascript" 所以不加这个也是没有问题的。

- 5
在javascript中完当作如下功能:1.按照id获取表格。
2.获取表格中tbody的行的长度。3.遍历表格中tbody的行,然后对2取余,判定奇偶性,最后再赋值颜色。
代码实现如下图。

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








