動態添加表格問題

[myp506]

var html;
html="";
var ul=document.getElementById("add");
var ul_ary=ul.getElementsByTagName("table");

var tables = document.createElement( "table" );
var j=ul_ary.length+1;
tables.id='tb'+j;
var tbodys=document.createElement("tbody");
var tr=document.createElement("tr");

html+="<td class='xuhao' align='center'>"+j+"</td>";
html+="<td class='xuhao' align='center'><input type='checkbox' id='choose"+j+"' name='choose"+j+"'></td>";
html+="<td class='tb_text' align='center'><input type='text' id='dep"+j+"' name='dep"+j+"'></td>";
html+="<td class='tb_text' align='center'><input type='text' name='name"+j+"' id='name"+j+"'></td>";
html+="<td class='tb_text' align='center'><input type='text' name='userno"+j+"' id='userno"+j+"'></td>";
tr.innerHTML=html;
tbodys.appendChild(tr);
tables.appendChild(tbodys);
ul.appendChild(tables);
代碼如上,但是點擊按鈕時,什麼也不顯示

[s_liangchao1s]

给个能调适的代码

[neo_yoho]

<SCRIPT LANGUAGE="JavaScript">
function add()
{
var ul=document.getElementById("add"); 
var ul_ary=ul.getElementsByTagName("table");
var tables = document.createElement("table");
var j=ul_ary.length+1;
tables.id='tb'+j;

var tr = tables.insertRow();
var td = tr.insertCell();
td.className="xuhao";
td.align="center";
td.name="choose";
td.innerHTML = j;

td = tr.insertCell();
td.className="tb_text";
td.align="center";
td.name="choose";
td.innerHTML = "<input type='checkbox' id='choose"+j+"' name='choose"+j+"'>";

td = tr.insertCell();
td.className="tb_text";
td.align="center";
td.name="choose";
td.innerHTML = "<input type='text' id='dep"+j+"' name='dep"+j+"'>";

td = tr.insertCell();
td.className="tb_text";
td.align="center";
td.name="choose";
td.innerHTML = "<input type='text' name='name"+j+"' id='name"+j+"'>";

td = tr.insertCell();
td.className="tb_text";
td.align="center";
td.name="choose";
td.innerHTML = "<input type='text' name='userno"+j+"' id='userno"+j+"'>";

ul.appendChild(tables);
}
</SCRIPT>
<div id=add></div>
<INPUT TYPE="button" value="add" onclick="add()">