Javascript为表格添加斑马线效果

时间:2026-02-15 16:13:59

1、利用table标签建立一个表格。

Javascript为表格添加斑马线效果

2、在文档head标签中添加style标签,来为文档及表格设置一些样式。

Javascript为表格添加斑马线效果

3、之后我们预览一下,效果就如下图。

Javascript为表格添加斑马线效果

1、编写一个函数来为表格添加斑马线效果,具体步骤是:

1.把文档里的所有table元素找出来。

2.对每个table元素,创建odd变量并把它初始化为false。

3.遍历这个表格里的所有数据行。

4.如果变量odd的值是true,设置样式并把odd变量修改为false。

5.如果变量odd的值是false,不设置样式,但把odd变量修改为true。

2、函数代码如下图。

Javascript为表格添加斑马线效果

3、最后将函数引用即可得到最终的效果。

Javascript为表格添加斑马线效果

Javascript为表格添加斑马线效果

© 2026 途途旅游
信息来自网络 所有数据仅供参考
有疑问请联系站长 site.kefu@gmail.com