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