js 动态为talbe 添加行？

Question

tab.insertRow(0);//后面的数字表示插入到第几行

Answer 1

<SCRIPT LANGUAGE="JavaScript">
<!--
 function deleteRow()
            {
            var obj=document.getElementById("table1")
            var rowIndex=obj.childNodes[0].childNodes.length;
            if(rowIndex>1)
            {
            document.getElementById("table1").value=document.getElementById("table1").value-parseInt(1)
            obj.deleteRow(rowIndex-parseInt(1));
            }
            }
  function insertRow()
            {
            var obj=document.getElementById("table1")
            var rowIndex=obj.childNodes[0].childNodes.length;
            var objTR=obj.insertRow(rowIndex);
            var objTD1=objTR.insertCell();
            var objTD2=objTR.insertCell();
            var objTD3=objTR.insertCell();
            var objTD4=objTR.insertCell();
            rowIndex2=parseInt(rowIndex)+parseInt(1)
            objTD1.innerHTML="<input type=\"text\" name=\"lingjianName\">";//在所在行插入html代码；
            objTD2.innerHTML="<input type=\"text\" name=\"jianhao\">";
            objTD3.innerHTML="<input type=\"text\" name=\"lingjianjiage\">";
            objTD4.innerHTML="<input type=\"text\" name=\"bizhi\">";            document.getElementById("table1").value=parseInt(document.getElementById("table1").value)+parseInt(1)
            }//-->
</SCRIPT>

Answer 2

function InsertRow()
{
var oTable = document.getElementById("InsertTable");
var iRowCount = oTable.rows.length;
var iCellCount = oTable.rows[0].cells.length;

var oRow = oTable.insertRow(2);
for(var i=0 ; i<iCellCount ; i++)
{
oRow.insertCell(i);
if(i==0)
{
var iBeginRow = 2;
for(var j=iBeginRow ; j<=iRowCount ; j++)
{
var oSearchRow = oTable.rows[j];
var RowNum = GetRowNum(j);
oSearchRow.cells[0].innerText = RowNum;
}
}
else
{
oRow.cells[i].innerText = "New Cell!";
}
}
}

function GetRowNum(IntRowNum)
{
var strRowNum = IntRowNum+"";
var RowNum = strRowNum;
var PreLen = 3-(strRowNum.length);
if(PreLen > 0)
{
for(var i=0 ; i<PreLen ; i++)
{
RowNum = "0" + RowNum;
}
}
else
{
RowNum = strRowNum;
}
return RowNum;
}

Answer 3

其实也个东西很简单的，有两个办法可以实现：
第一：这个办法比较弱智，但是确实能实现：直接在页面上设一个变量记录表格的行，然后点增加的时候，就将表格值加一，然后根据表格行的值，刷新页面，展示对应的行就可以了。但是这样一来，页面上其他输入框原本输入的数据就没有了。
第二：用一个类来实现新增一个行的代码即：out。println（“<tr><td></<td></tr>”）;这样的。然后在页面上用AJAX访问这个类，并将结果显示在对应的地方即可。如：
returnText=xmlHttp.getresponseText();
document.all.table.innertHtml=returnText;