如何用JS实现动态加行~

表格部分代码如下：

<table id="testTbl" border=1>

<tr id="tr1">

<td width=6%><input type=checkbox id="box1"></td>

<td id="b">第一行</td>

</tr>

<tr id="tr2">

<td width=6%><input type=checkbox id="box2"></td>

<td id="b">第二行</td>

</tr>

<tr bgcolor=#0000FF>

<td width=6%><input type=checkbox id="box3"></td>

<td>第三行</td>

</tr>

</table>

动态添加表行的javascript函数如下：

function addRow(){

//添加一行

var newTr = testTbl.insertRow()

//添加两列

var newTd0 = newTr.insertCell()

var newTd1 = newTr.insertCell()

//设置列内容和属性

newTd0.innerHTML = '<input type=checkbox id="box4">'

newTd2.innerText= '新加行'

}

function appendTable(jsonObj) { var tabL = gel("tbList")var taRow = tabL.rows//tabL 对象的行集合 //这里应该是判断有几行，取 length if (taRow.length >1) { //原先是不满足条件，而不是删除不起作用 tabL.deleteRow(2)} f

你是想把添加的行插入在最后一行之前吗? 那么要使用insertBefore方法. 这样函数add变成如下这个样子(使用了tb变量保存表格对象):

function add()

{ 

    var tb = document.getElementById("addtr")

    var oTr = tb.rows[1] 

    var newTr = oTr.cloneNode(true) 

    

    tb.getElementsByTagName("tbody")[0].insertBefore(newTr, tb.rows[tb.rows.length - 1])

    

    newTr.cells[0].firstChild.value = newTr.rowIndex 

    document.getElementById("b1").disabled = newTr.rowIndex ==5 

}

---