例
插入新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>標籤
<表對象