①你的颜色没变的原因【 trs = tbody.getElementsByTagName('tr');这个trs没有获取，你至少应该写成var trs = document.getElementsByTagName('tr');。。。再者这里的var tbody=document.getElementById('table').lastChlde;这个是没有用的，建议删除】

window.onload = function(){
           var trs = document.getElementsByTagName('tr');
           for(var i = 1; i < trs.length; i++){
                trs[i].onmouseover = function(){
                     this.style.backgroundColor = "#f2f2f2";
                }
                trs[i].onmouseout = function(){
                     this.style.backgroundColor = "#fff";
                }
          }
        }

②你的删除函数是写了，却没有在容器里调用【<td><a href="javascript:;" onclick="deleteRow(this)">删除</a></td>】

③首先跟删除函数一样，你没有在容器里调用，调用方法参见②中所说;

其次这句话出了问题【td.innerHTML = "<a href='javascript:;（这里少了一个单引号） onclick='deleteRow(this)'>删除</a>";】导致你的添加不成功