需求说明：

/**需求说明:*获取元素：tBodies,tHead,tFoot,rows,cells*表格的创建*数据添加*隔行变色*删除操作，剩余表格重新计算，实现隔行变色 */

 

HTML:

     
          
           
    	        
编号
    	        
姓名
    	        
性别
    	        
操作
           
	      
     

 

CSS:

 

table{    	border:1px solid #eee;    	border-collapse: collapse;    }    td,th{		  border: 1px solid #eee;		  padding: 12px 18px;    }    a{	  text-decoration: none;	  padding: 4px 10px;	  color: #f8f8f8;	  font-size: 12px;	  border-radius: 3px;	  letter-spacing: 2px;	  text-shadow: 0 0 1px rgba(0,0,0,.15);	  background-color: #eb4f38;    }

 

 

JAVASCRIPT:

 

/**需求说明:*获取元素：tBodies,tHead,tFoot,rows,cells*表格的创建*数据添加*隔行变色*删除操作，剩余表格重新计算，实现隔行变色 *//*=========================*tHead:表格头*tBodies:表格正文*tFoot：表格尾*rows:行* cells:列========================= */	var oTable=document.getElementById('table1');var oTbody=oTable.tBodies[0];var data=[    {'id':1,'name':'kevin1','sex':'男'},    {'id':2,'name':'kevin2','sex':'男'},    {'id':3,'name':'kevin3','sex':'男'},    {'id':4,'name':'kevin4','sex':'男'},    {'id':5,'name':'kevin5','sex':'男'},    {'id':6,'name':'kevin6','sex':'男'}, ];for(var i=0;i

 

　　

在线演示：