案例五:实现表格隔行换色

描述:技术分析
        1、使用新的标签将表头中的行和表格中的行区分 和
        2、确定事件 onload()。页面一加载便要显示
        3、获取元素:获取表格(表格定义id,使用document.getElementById())。最终是为了获取表格中tbody中行长度(一共有多少行)
        4、获取行数:Tbody里的行数(rows.length)
        5、对行数进行遍历:for循环
        6、判断奇数行偶数行:对元素的角标进行判断(对2取余)
        7、设置背景颜色

 

 步骤分析: 
         第一步:确定事件:onload并为其绑定一个函数 
         第二步:书写函数,获取表格
         第三步:获取tbody里面的行数
         第四步:对tbody里面的行数进行遍历
         第五步:判断奇数行和偶数行(对2取余)
         第六步:分别对奇数行和偶数行设置背景颜色




	
		
		表格隔行换色
	
	
	

	
		
编号 姓名 年龄
1 张三 22
2 李四 25
3 王五 27
4 赵六 29
5 田七 30
6 汾九 20

案例五:实现表格隔行换色_第1张图片

你可能感兴趣的:(JS)