动态生成的cell怎么添加事件？

<body></body>
<script language="javascript">
<!--
var tbl = document.createElement("table");
row = tbl.insertRow(-1);
for(i=0;i<4;i++)
{
  cell = row.insertCell(-1);
  cell.innerHTML = "cell" + i;
  cell.onclick = function(){alert(this.cellIndex)};
}
document.body.appendChild(tbl);
//-->
</script>