Javascript就是适应动态网页制作的需要而诞生的一种新的编程语言,如今越来越广泛地使用于Internet网页制作上。Javascript是由Netscape公司开发的一种脚本语言(scriptinglanguage),或者称为描述语言。在HTML基础上,使用Javascript可以开发交互式web网页。
使用JavaScript完成表格隔行换色
表格隔行换色
需求分析
我们商品分类的信息太多,如果每一行都显示同一个颜色的话会让人看的眼花,为了提高用户体验,减少用户看错的情况,需要对表格进行隔行换色
技术分析
table对象
集合
cells[]:返回包含表格中所有单元格的一个数组。
rows[]:返回包含表格中所有行的一个数组。
tBodies[]:返回包含表格中所有tbody的一个数组。
步骤分析
确定事件:文档加载完成onload
2.事件要触发函数:init()
3.函数:操作页面的元素
要操作表格中每一行
动态的修改行的背景颜色
代码实现
functioninit(){
//得到表格
vartab=document.getElementById("tab");
//得到表格中每一行
varrows=tab.rows;
//便利所有的行,然后根据奇数偶数
for(vari=1;i varrow=rows[i];//得到其中的某一行 if(i%2==0){ row.bgColor="yellow"; }else{ row.bgColor="red" } } }
分类ID
分类名称
分类商品
分类描述
操作