JS 在 对table 的操作 例如 动态增加行的关键函数

处理这个问题 我们必须先知道几个操作table的DOM对象的几个函数：

insertRow():在表格的指定位置动态的增加行。

语法格式为：tableobject.insertRow(index) 返回tableRow 表示新加入的行<tr>。

注意：index不能大于table的行数和不能小于0 。

与之相对应的是deleteRow()函数。

insetCell():在HTML表的一行指定位置插入一个空的<td>元素

语法格式：tablerowobject.insertCell(index) 返回tableCell对象，表示新插入的列<td>.新单元格被插入当前位于index指定位置的表元之前。

注意：该方法只能插入一个<td>元素，若需要给表行增加表头<th>，必须使用Document.createElement()和Node.insertBefore() 方法(或相关的方),创建并插入一个 <th> 元素。同样index不能大于table的行数和不能小于0。

与之对应的是deleteCell()方法。

table.insertRow()在IE下没问题 但在firefox下就得改为table.insertRow(-1) 同样其相应的insertCell()也要改为insertCell(-1)

rows:

表格的行数: var trnum = table_id.rows.length;

cells

每行的列数：for (var i=0; i<trCnt; i++)

table.rows[i].cells.length;

在每列中存放内容：

table.rows[i].cells[i].innerHTML="<p>内容</p>"