关于全局项目中全局table中tr 行鼠标事件背景颜色设置

初次发表js其实本人对JS也是外行，做网页时候用到就查查使用，最近自己的一个项目中前台页面显示表格比较占多，主要显示报表、清单等数据所以查看时候加些表格行背景颜色变动可能更生动些（页面有几百个），之前一直没有做这个工作，于是思考了下解决方法，具体控制也还了解过通过鼠标 onmouseover,onclick,onmouseout三个事件来控制，常见的做法是给页面table标签些tr标签分别加上三个事件来控制，出于实际情况需要对几百个页面加上也是个不小的工作量，于是休息时候写了个简单js语句来控制全项目中所有表行背景颜色控制并加入到公用的JS文件下，初步实现了最初功能效果，贴下脚本。如果遇到相同问题朋友可以使用下，其中还有不足之处也请各位帮忙美化下！！！
<script type="text/javascript">
  onload=function ()
  {
    var tables=document.getElementsByTagName("table");
for(var k=0;k<=tables.length;k++)
{
var tab =tables[k];
var rows = tab.rows.length;
for(var i=0;i<=rows;i++)
{
  var vtr=tab.getElementsByTagName("tr")[i];
  //鼠标在上面是设置颜色
  vtr.onmouseover=function(){this.style.backgroundColor="#99CCCC";}
 
  vtr.onclick=function()
  {
    //鼠标点击后颜色
this.style.backgroundColor="#DFF9F8";
//鼠标点击后鼠标离开仍然保留颜色
this.onmouseout=function(){this.style.backgroundColor="#DFF9F8";}
  }
  //没有点击鼠标，鼠标离开颜色
  vtr.onmouseout=function(){this.style.backgroundColor=""; }
}
}
  }
</script>

不足的是在鼠标onclick事件上，点击tr后再点击其他tr之前tr背景颜色仍然存在，各位帮忙优化下，谢谢！

此处特地使用全标签控制为了避免传table或tr标签id值从而造成第二次工作量增加问题