表格隔行换色js和jquery的实现方法

HTML代码
 <table class="table" border="0" cellpadding="0" cellspacing="0" width="50%">
      <!--用class="table"来标识需要使用该效果的表格-->
      <thead>
          <tr>
              <th>姓名</th>
              <th>年龄</th>
              <th>MSN</th>
              <th>Email</th>
          </tr>
      </thead>
      <tr>
          <td>Owen</td>
          <td>30</td>
          <td>owen.net@hotmail.com</td>
          <td><a href="/css/">css</a></td>
      </tr>
      <tr>
          <td>Owen</td>
          <td>30</td>
          <td>owen.net@hotmail.com</td>
          <td><a href="/css/">css</a></td>
      </tr>
      <tr>
          <td>Owen</td>
          <td>30</td>
          <td>owen.net@hotmail.com</td>
          <td><a href="/css/">css</a></td>
      </tr>
      <tr>
          <td>Owen</td>
          <td>30</td>
          <td>owen.net@hotmail.com</td>
          <td><a href="/css/">css</a></td>
     </tr>
      <tr>
          <td>Owen</td>
          <td>30</td>
          <td>owen.net@hotmail.com</td>
          <td><a href="/css/">css</a></td>
      </tr>
      <tr>
          <td>Owen</td>
          <td>30</td>
          <td>owen.net@hotmail.com</td>
          <td><a href="/css/">css</a></td>
      </tr>
 </table>

 var array=new Array();
 
 var elements=document.getElementsByTagName(tagName);
 
 for(var i=0;i<elements.length;i++){
  
  if(elements[i].className==elementClassName){
   
   array.push(elements[i]);
  }
 }
 
 return array;
}

/**
 *表格隔行换色，指定鼠标移到当前行的背景颜色，移出当前行的背景颜色
 *@param className 表格的class属性名
 *@param oddBackgroundColor 表格奇数行背景颜色
 *@param evenBackgroundColor 表格偶数行背景颜色
 *@param mouseoverBackgroundColor 鼠标移到当前行的背景颜色
 */
function tableRowBackgroundColor(className,oddBackgroundColor,evenBackgroundColor,mouseoverBackgroundColor){
 
 var tables=getElementsByTagNameAndClassName("table",className);
 
 for(var i=0;i<tables.length;i++){
  
  var rows=tables[i].rows;
  
  var rowOriginalColor="";
  
  for(var j=1;j<rows.length;j++){
  
   rows[j].style.backgroundColor = j%2==0 ? oddBackgroundColor : evenBackgroundColor;
   
   //鼠标移到当前行，指定当前行的背景颜色。
   rows[j].onmouseover=function(){
    
    rowOriginalColor=this.style.backgroundColor;
    
    this.style.backgroundColor=mouseoverBackgroundColor
   }
   
   //鼠标移出当前行，指定当前行的背景颜色为行的原始颜色。
   rows[j].onmouseout=function(){
   
    this.style.backgroundColor=rowOriginalColor;
   }
  
  }
 }
}