怎么使用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文件,就会跳出如下的成果。显然已经完当作隔行换色。

  • 发表于 2018-04-20 00:00
  • 阅读 ( 953 )
  • 分类:其他类型

你可能感兴趣的文章

相关问题

0 条评论

请先 登录 后评论
admin
admin

0 篇文章

作家榜 »

  1. xiaonan123 189 文章
  2. 汤依妹儿 97 文章
  3. luogf229 46 文章
  4. jy02406749 45 文章
  5. 小凡 34 文章
  6. Daisy萌 32 文章
  7. 我的QQ3117863681 24 文章
  8. 华志健 23 文章

联系我们:uytrv@hotmail.com 问答工具