js问题求解

错误在哪里啊？
为什么一直在var cell = event.srcElement.parentElement;  处报错啊，怎么修改，谢谢了<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Demo_For_Wang</title><script type="text/javascript">
function changeColor1(title){

var t=document.getElementById("table2").childNodes.item(0);   for(var i=0;i< t.childNodes.length;i++)
   {
      for(var j=0;j<t.childNodes(i).childNodes.length;j++)
         {
            t.childNodes(i).childNodes(j).bgColor="white";
         }
   }
var cell = event.srcElement.parentElement;  
cell.bgColor = "red";
alert(title);
}
</script></head><body><table border="1px" id="table2">
<tr>
    <td id="td1">
     <a href="javascript:changeColor1('111')">google</a>
    </td>
    
    <td id="td2">
     <a href="javascript:changeColor1('222')">baidu</a>
    </td>
    
    <td id="td3">
     <a href="javascript:changeColor1('333')">douban</a>
    </td>
    
    <td id="td4">
     <a href="javascript:changeColor1('444')">renren</a>
    </td>
</tr>
</table></body>
</html>