html 增加和删除一行,关于JS点击增加一行，点击删除一行的问题？

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

下面代码可以增加一行，和删除表格指定行。

删除后继续增加却不行了。

请问是怎么回事？应如何修改一下让他可以继续增加呢？

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="

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(5);

var h7=oneRow .insertCell(6);

var h8=oneRow .insertCell(7);

h1.innerHTML="

"+(i+1)+"

";

h2.innerHTML="

h3.innerHTML="

男女

";

h4.innerHTML="

h5.innerHTML="

h6.innerHTML="

h7.innerHTML="

i++; //x.bgColor="#ffffff" } function insRow2() { insRow(); }

1	出错原因： 行索引的保存不当。 修改方法: 修改insRow()的第三行 var beforeRow = x.rows(i-1); --> i = x.rows.length; var beforeRow = x.rows(i-1); 2010-04-10 | 添加评论 | 打赏 ◆◆ 请登录后再发表评论! ◆◆