table隔行变色

JavaScript解决方法:

window.onload=function()
{
var otable=document.getElementById("oTable");
for(var i=0;i<oTable.rows.length;i++)
  {
if(i%2==0)
    {
      oTable.rows[i].className="altrow";  /*.altrow指定背景颜色*/
    }
  }
}

 

jQuery解决办法:

$(
function()
  {
    $("table#oTable tr:nth-child(odd)").addClass("altrow");
  }
);

转载于:https://www.cnblogs.com/fu277/archive/2012/01/04/2312189.html