页面表格怎么实现隔行异色、隔行变色
页面上可以通过 css+js 的方法,通过判断表格奇偶行,使用 css 定义每行的颜色,达到隔行变色的效果。
举例:采用 css+js 的方法,实现表格的隔行异色,需要如下几步:
-
定义 css 表格样式,如边框、宽度、颜色
-
在 js 中,创建 func()函数,并通过 onload 设置页面加载完成时,调用 func() 函数
-
通过 getElementById、getElementsByTagName 方法获得表格所有的行对象,通过 for 循环遍历表格每一行,根据奇偶行调用不同的样式类。
如果需要处理的表格较多,每次这样写会很麻烦。
一般报表工具都能支持这种功能,只需要使用内置函数即可,这样就简单得多,可以参 报表设计技巧之隔行异色
本文关键词
隔行异色
个性化样式控制
表格隔行变色