javascript中动态生成表格的属性设置问题

<html>
<head>
<script language="javascript">
function createTable() {

var div = document.getElementById("div1");
var tbl = document.createElement("table");
tbl.border = "1";
for( var i = 0; i < 4; i++ ){

var tr = tbl.insertRow(i);
for( var j = 0;j < 1; j++) { 

var td = tr.insertCell(j);
td.id = i;
td.ondblclick = "closeAll('"+i.toString()+"')";
var tn = document.createTextNode(i);
td.appendChild(tn);
}
}
div.appendChild(tbl);
}

function closeAll(id) {

var aa = document.getElementById(id);
alert(aa.innerText);
window.close();
}

</script>
</head>
<body>
<table width="200" border="1">
  <tr >
    <td id="rt" onclick="closeAll('rt')">商品来源</td>
  </tr>
</table>
<div id="div1"></div>
<input type="button" name="Submit" value="提交" onclick="createTable()" />
</body>
</html>当双击动态生成的表格的单元格时，如何实现与单击“商品来源”实现一样的效果！！

解决方案 »

  1.   

    <html>
    <head>
    <script language="javascript">
    function createTable() {var div = document.getElementById("div1");
    var tbl = document.createElement("table");
    tbl.border = "1";
    for( var i = 0; i < 4; i++ ){var tr = tbl.insertRow(i);
    for( var j = 0;j < 1; j++) {  var td = tr.insertCell(j);
    td.id = i;
    td.ondblclick = (function(i){ return function(){closeAll(i);}})(i);
    var tn = document.createTextNode(i);
    td.appendChild(tn);
    }
    }
    div.appendChild(tbl);
    }function closeAll(id) {alert(id)var aa = document.getElementById(id);
    alert(aa.innerText);
    window.close();
    }</script>
    </head>
    <body>
    <table width="200" border="1">
      <tr >
      <td id="rt" onclick="closeAll('rt')">商品来源</td>
      </tr>
    </table>
    <div id="div1"></div>
    <input type="button" name="Submit" value="提交" onclick="createTable()" />
    </body>
    </html>