TableRow insertCell() 方法
示例
在 id="myRow" 的表格行的開頭插入新的單元格並填充內容
var row = document.getElementById("myRow");
var x = row.insertCell(0);
x.innerHTML = "新單元格";
自己動手試一試 »
描述
insertCell() 方法將單元格插入到當前行中。
提示：使用 deleteCell() 方法刪除當前表格行中的單元格。
瀏覽器支援
| 方法 | |||||
|---|---|---|---|---|---|
| insertCell() | 是 | 是 | 是 | 是 | 是 |
語法
tablerowObject.insertCell(index)
引數值
| 值 | 描述 |
|---|---|
| index | 在 Firefox 和 Opera 中必需，在 IE、Chrome 和 Safari 中可選。一個數字（從 0 開始），指定新單元格在當前行中的位置。值為 0 表示新單元格將插入到第一個位置。也可以使用值 -1；這將導致新單元格插入到最後一個位置。 如果省略此引數，insertCell() 在 IE 中將新單元格插入到最後一個位置，在 Chrome 和 Safari 中插入到第一個位置。 此引數在 Firefox 和 Opera 中是必需的，但在 Internet Explorer、Chrome 和 Safari 中是可選的。 |
技術詳情
| 返回值 | 插入的單元格元素 |
|---|
更多示例
示例
在 id="myRow" 的表格行的末尾插入新的單元格並填充內容
var row = document.getElementById("myRow");
var x = row.insertCell(-1);
x.innerHTML = "新單元格";
自己動手試一試 »
示例
在 id="myRow" 的表格行中，在索引位置 2 插入新的單元格並填充內容
var row = document.getElementById("myRow");
var x = row.insertCell(2);
x.innerHTML = "新單元格";
自己動手試一試 »
示例
在第一個表格行的開頭插入新的單元格。表格行集合 (.rows[0]) 返回 id 為 "myTable" 的表格中所有 <tr> 元素的集合。數字 [0] 指定要檢索的元素，在此示例中是第一個表格行。然後我們使用 insertCell() 在索引位置 -1 插入新的單元格
var firstRow = document.getElementById("myTable").rows[0];
var x = firstRow.insertCell(-1);
x.innerHTML = "新單元格";
自己動手試一試 »
示例
從 id="myRow" 的表格行中刪除第一個單元格
var row = document.getElementById("myRow");
row.deleteCell(0);
自己動手試一試 »
示例
在表格的開頭插入新行。insertRow() 方法在表格中的指定索引處插入新行，在此示例中，是 id 為 "myTable" 的表格的第一個位置（開頭）。然後我們使用 insertCell() 方法在新行中新增單元格。
var table = document.getElementById("myTable");
var row = table.insertRow(0);
var cell1 = row.insertCell(0);
var cell2 = row.insertCell(1);
cell1.innerHTML = "新單元格1";
cell2.innerHTML = "新單元格2";
自己動手試一試 »
❮ TableRow 物件
