Question

td标签中使用onclick触发js事件无效

function test(id){
var id =id;
alert(id);
}

<table height="100" width=101px" border="1">
<tr>
<td id="1" onclick="test(1)" >1</td>
<td id="2" onclick="test(2)" >2</td>
<td id="3" onclick="test(3)" >3</td>
<td id="4" onclick="test(4)" >4</td>
<td id="5" onclick="test(5)" >5</td>
</tr>

</table>

如果不注释掉function test（id）{...}；的话，整个js都会死掉。。。如果注释掉，其他函数都可以正常运行。。。。。是什么原因呢？

Answer 1

变量定义重复了，下面的代码我测试通过，你可以试试看：

<script language=javascript>
function test(id){
  alert(id);
}
</script>

<table height="100" width=101px" border="1">
<tr>
<td id="1" onclick="test(1)" >1</td>
<td id="2" onclick="test(2)" >2</td>
<td id="3" onclick="test(3)" >3</td>
<td id="4" onclick="test(4)" >4</td>
<td id="5" onclick="test(5)" >5</td>
</tr>
</table>