JS点击增加一行，点击删除一行的问题

来源：百度知道 编辑：UC知道 时间：2024/09/25 14:38:20
下面代码可以增加一行，和删除表格指定行。
可以删除后继续增加却不行了。
请问是怎么回事？应如何修改一下让他可以继续增加呢？
谢谢。

<html>
<%jj=date()&time()%>
<input name="nn" type="hidden" value="<%=jj%>">
<script type="text/javascript">
var i=1;
function insRow()
{
var x=document.getElementById('myTable');
//get the prefer row
var beforeRow = x.rows(i-1);
//get the prefer cell
var beforeCell = beforeRow.cells(1);
//set the cell's element to do nothing
beforeCell.innerHTML="<div align=center><input name=name"+(i-1)+" type=text size=10 ></div>";
var oneRow = x.insertRow(); //get one of row
//eight rows inserted
var h1=oneRow .insertCell(0);
var h2=oneRow .insertCell(1);
var h3=oneRow .insertCell(2);
var h4=oneRow .insertCell(3);
var h5=oneRow .insertCell(4);
var h6=oneRow .insertCell(

出错原因：
行索引的保存不当。

修改方法:
修改insRow()的第三行
var beforeRow = x.rows(i-1);
-->
i = x.rows.length;
var beforeRow = x.rows(i-1);

<html>
<%jj=date()&time()%>
<input name="nn" type="hidden" value="<%=jj%>">
<script type="text/javascript">
var i=1;
function insRow()
{
var x=document.getElementById('myTable');
//get the prefer row
var beforeRow = x.rows(i-1);
//get the prefer cell
var beforeCell = beforeRow.cells(1);
//set the cell's element to do nothing
beforeCell.innerHTML="<div align=center><input name=name"+(i-1)+" type=text size=10 ></div>";
var oneRow = x.insertRow(); //get one of row
//eight rows inserted
var h1=oneRow .insertCell(0);
var h2=oneRow .insertCell(1);
var h3=oneRow .insertCell(2);
var h4=oneRow .i