javascript高亮显示的问题！
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns=" http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<body>
<table id="maId">
<tr>
<td><a href="javascript:void(0);">1111111111</a></td>
<td><a href="javascript:void(0);">1111111111</a></td>
<td><a href="javascript:void(0);">1111111111</a></td>
<td><a href="javascript:void(0);">1111111111</a></td>
<td><a href="javascript:void(0);">1111111111</a></td>
<td><a href="javascript:void(0);">1111111111</a></td>
<td><a href="javascript:void(0);">1111111111</a></td>
<td><a href="javascript:void(0);">1111111111</a></td>
</tr>
</table>
<script>
var o=document.getElementById("maId").getElementsByTagName("a");
for(var i=0;i<o.length;i++){
o[i].onclick=function(){
this.style.color="red";
}
}
</script>
</body>
</html>
===============================
说明下：鼠标点击高亮显示。我写的这个代码是点击以后每个都显示了。。帮忙修改一下JS，不能在a标签里面添加onclick事件调用fu..，就直接在我代码上面修改吧。
