如何利用JAVASCRIPT在当前行下插入行

来源：百度知道 编辑：UC知道 时间：2024/05/30 03:54:12
如何利用JAVASCRIPT在当前行下插入行, 比如我现在有一个5行的表格，每行前面有自动编号，后面都有一个添加按钮，现在我点击第二行后面的添加按钮，则在第二行下面添加编号我3的一行，后面每行的编号自动加1。请问该如何实现？？

<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<script language="javascript">
function add(){
var row = event.srcElement.parentElement.parentElement;
var table = event.srcElement.parentElement.parentElement.parentElement;
var newrow = table.insertRow(row.rowIndex+1);
var newTd0 = newrow.insertCell();
var newTd1 = newrow.insertCell();
var newTd2 = newrow.insertCell();
newTd0.innerHTML = row.rowIndex+2;
newTd2.innerHTML = "<input type='button' value='add' onclick='add()'>";
var startLine = row.rowIndex+2;
var total = document.all.testtable.rows.length;
for(i = startLine;i < total;i++)
{
document.all.testtable.rows[i].cells[0].innerHTML = i+1;
}
}
</script>
</HEAD>

<BODY>
<table id='testtable'>
<tr id='r1'>&