最新的Web开发教程
 

insertRow() Method

<表对象

插入新row(s)在表的第一位置(和插入<td>与一些内容到它元件):

// Find a <table> element with id="myTable":
var table = document.getElementById("myTable");

// Create an empty <tr> element and add it to the 1st position of the table:
var row = table.insertRow(0);

// Insert new cells (<td> elements) at the 1st and 2nd position of the "new" <tr> element:
var cell1 = row.insertCell(0);
var cell2 = row.insertCell(1);

// Add some text to the new cells:
cell1.innerHTML = "NEW CELL1";
cell2.innerHTML = "NEW CELL2";
试一试»

定义和用法

所述insertRow()方法创建一个空<tr>元素,并将其添加到表中。

所述insertRow()方法将插入新的row(s)在表中的指定索引处。

注意: <tr>元素必须包含一个或多个<th><td>元素。

提示:使用deleteRow()方法来删除行。


浏览器支持

方法
insertRow()

句法

tableObject .insertRow( 参数值
描述
index 需要Firefox和Opera,可选的IE,Chrome和Safari。 指定的行插入的位置的数目(从0开始)。 的0的结果,新的行中的值将在第一位置处被插入。

也可以使用值-1,这导致被插入在最后位置的新行。

此参数是必需的Firefox和Opera,但也可选在Internet Explorer,Chrome和Safari。

如果省略该参数, insertRow()插入一个新行,在在Chrome,IE,火狐和Opera的最后的位置,并且在Safari中的第一位置。

技术细节

返回值: 插入的<tr>元件

更多示例

创建和删除row(s)

function myCreateFunction() {
    var table = document.getElementById("myTable");
    var row = table.insertRow(0);
    var cell1 = row.insertCell(0);
    var cell2 = row.insertCell(1);
    cell1.innerHTML = "NEW CELL1";
    cell2.innerHTML = "NEW CELL2";
}

function myDeleteFunction() {
    document.getElementById("myTable").deleteRow(0);
}
试一试»

相关页面

HTML参考: HTML <tr>标签


<表对象