下面是在html文件中,操纵javascript来完当作一个表格的隔行换色简单结果,感乐趣的可以看一下下面是图文。
起首建立一个html5的文件,html5比拟于html4仍是半斤八两很简短.
然后我们来在html文件body标签本家儿体下添加表格标签和其内容,具体如下图。
添加完当作之后,操纵浏览器运行查看初步结果如下图。此时是没有颜色的。
然后我们可以在html文件的是头部经由过程<script>标签对添加javascript文件。
因为默认type="text/javascript" 所以不加这个也是没有问题的。
在javascript中完当作如下功能:1.按照id获取表格。
2.获取表格中tbody的行的长度。3.遍历表格中tbody的行,然后对2取余,判定奇偶性,最后再赋值颜色。
代码实现如下图。
完当作之后,我们再来经由过程浏览器来运行这一个html文件,就会跳出如下的成果。显然已经完当作隔行换色。
0 篇文章
如果觉得我的文章对您有用,请随意打赏。你的支持将鼓励我继续创作!