下面是在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文件,就会跳出如下的成果。显然已经完当作隔行换色。
来源:百闻(微信/QQ号:9397569),转载请保留出处和链接!
本文链接:https://www.ibaiwen.com/web/238622.html
- 上一篇: 大淘客CMS怎么免费加手机端底部导航菜单
- 下一篇: 如何在手机上修改频段宽带
- 热门文章
-
WB蒙特利尔(WB Montreal)——欧美十大最差视频游戏开发商
迅猛龙(Velociraptor)——欧美史前十大死亡动物
什么是果酱猫(What Marmalade Cats)?
神奇蜘蛛侠2(The Amazing Spider-Man 2)——欧美最佳蜘蛛侠电影
希瑟(Heather)——欧美十大最佳柯南灰歌
二人梭哈
faceu激萌怎么把瘦脸开到最大
奥兹奥斯本(Ozzy Osbourne)——欧美十大高估歌手
什么是小脑前下动脉(Anterior Inferior Cerebellar Artery)?
我应该知道康涅狄格州的什么(What Should I Know About Connecticut)?
- 热评文章
- 最新评论
-
- 最近访客
-
- 站点信息
-
- 文章总数:200248
- 页面总数:9
- 分类总数:1
- 标签总数:0
- 评论总数:0
- 浏览总数:497