js动态改变table

[m_halfman]

我现在在js上动态改变table，代码如下：
function CreateTable()
{
var tb = obj.document.getElementById("table1");
//清空原来的内容
if (tb.rows.length > 0)
{
for (var i = 0; i < tb.rows.length; i++)
{
tb.deleteRow(0);
}
}
//插入新行
var str = obj.document.getElementById("hidden1").value;
var arr_str = str.split(';');
for (var i = 1; i <= arr_strGeo.length; i++)
{
var row = tb.insertRow(tb.rows.length);
var cell= row.insertCell(0);
cell.innerHTML = "<span>" + arr_str[i] + "</span><input name='textbox" + i + "' type='text' id='textbox" + i + "' /><span>ABC</span>";
}
}

插入那部分看起来没有问题，但是删除那部分，总是有时候少删一行，有时候正常。一旦出现少删之后，那没删的一行就始终删不掉了。我参照了一下网上的代码，把删除代码改成下面这样也是一样，
for (var i=tb.children.length-1;i>=0;i--)
tb.deleteRow(i);

不知道是删除有问题还是插入有问题。

[cqdyh]

如果此信息有所帮助, 谢谢:> 在线急救,征名散分: http://community.csdn.net/Expert/TopicView1.asp?id=5405222



<INPUT onclick="IR();" type=button value=add>
<INPUT onclick="alert(test.innerHTML);" type=button value=ViewHtml ;>
<TABLE id=test border=1>
<TBODY>
<TR>
<TD>删除</TD>
<TD>文本输入框</TD></TR></TBODY></TABLE>
<SCRIPT>
function delTr(objTr)
{
for (i=0;i<test.rows.length;i++)
{
if (test.rows[i] == objTr)
test.deleteRow(i);
}
}

function IR()
{
var rowsCount = test.rows.length;
var Nr = test.insertRow();
var Nd = Nr.insertCell();
Nd.innerHTML="<input type=button onclick='delTr(this.parentElement.parentElement)' value='dele This'>";
var Nd = Nr.insertCell();
Nd.innerHTML="<input name=test_" + rowsCount +" value='Name=test_"+ rowsCount +"'>";
}
</SCRIPT>

[xingdongfang]

while(table.rows.length>0)
table.deleteRow(0);

[zhenjiaobing]

帮顶