原生js动态为table追加html JS动态添加Table的TR TD实现方法

本文实例讲述了JS动态添加Table的TR，TD实现方法。分享给大家供大家参考。具体实现方法如下：

var tempRow=0;

var maxRows=0;

function insertRows(){

tempRow=table1.rows.length-1;

maxRows=tempRow;

tempRow=tempRow+1;

var Rows=table1.rows;//类似数组的Rows

var newRow=table1.insertRow(table1.rows.length);//插入新的一行

var Cells=newRow.cells;//类似数组的Cells

for (i=0;i<2;i++)//每行的7列数据

{

var newCell=Rows(newRow.rowIndex).insertCell(Cells.length);

newCell.align="center";

switch (i)

{

case 0: newCell.innerHTML="

corpName"; break;

case 1 : newCell.innerHTML="

删除"; break;

}

}

maxRows+=1;

}

function delTableRow(rowNum){

if (table1.rows.length >rowNum){

table1.deleteRow(rowNum);

}

}

希望本文所述对大家的javascript程序设计有所帮助。