Question

如何用js动态为table添加onClick事件？急

table的id是动态编号的，他的onClick事件也需要动态传参。下面是我的一个临时的测试，如果这样写<table border="1" onClick="return goto('17');" id="table1">就好用，换成下面的就不行呀？请高手指点谢谢！

<table border="1" onClick="" id="table1">
<tr>
<td onmouseover="return setSize(this,100,100);" onmouseout="return setSize(this,50,50);" height="50" width="50">111</td>
</tr>
</table>
<script language="JavaScript" type="text/javascript">
function setSize(table,a,b){
table.width=a;
table.height=b;
}
function resetSize(table,a,b){
table.width=a;
table.height=b;
}
function goto(v){
alert("onClick");
//window.navigate("a.php?date="+v);
}
document.getElementById("table1").onClick="return goto('17');";//这句为什么没起作用似的。
</script>
不好用呀！

Answer 1

在table被加载后，脚本无法替换onClick()事件。

Answer 2

对象.onclick=new Function("你的函数");//兼容各大浏览器

Answer 3

改成：

.onclick=function(){return goto('17');};