html and js 的隔行换背景色表格实例详解

效果：

码码：

	
Info Header 1
Info Header 2
Info Header 3


	
Text 1A
Text 1B
Text 1C


	
Text 2A
Text 2B
Text 2C



	
Text 3A
Text 3B
Text 3C


	
Text 4A
Text 4B
Text 4C


	
Text 5A
Text 5B
Text 5C

代码解释：

在两个css样式 oddrowcolor，evenrowcolor中定义不同的背景色；

在js函数中获取行的集合；
var table = document.getElementById(id);  
var rows = table.getElementsByTagName("tr"); 


第一句根据id获取table，第二句获取所有行(tr)的集合；
getElementById和getElementsByTagName的区别是：前者根据id返回单个对象；后者根据标签返回对象，具有相同标签的对象都会被返回；


在for循环中访问每一行，奇数行赋予css类oddrowcolor, evenrowcolor；赋予了不同的css类之后其背景色就变了。