TableRow deleteCell() 方法

HTML DOM TableRow 對象

定義和用法

deleteCell() 方法刪除當前表格行中的一個單元格。

提示：請使用 insertCell() 方法 在當前表格行中插入一個單元格。

另請參閱：

HTML 參考手冊：HTML <tr> 標簽

實例

例子 1

從 id="myRow" 的表行中刪除第一個單元格：

var row = document.getElementById("myRow");
row.deleteCell(0);

親自試一試

例子 2

從 id="myRow" 的表格行中刪除最后一個單元格：

var row = document.getElementById("myRow");
row.deleteCell(-1);

親自試一試

例子 3

從 id="myRow" 的表行中的索引位置 1 刪除單元格：

var row = document.getElementById("myRow");
row.deleteCell(1);

親自試一試

例子 4

刪除第一個表格行開頭的單元格。

表的 rows 集合 (.rows[0]) 返回表中 id 為 "myTable" 的所有 <tr> 元素的集合。數字 [0] 規定要檢索的元素，在此例中，是第一個表格行。

然后我們使用 deleteCell() 從索引位置 0 刪除單元格：

var firstRow = document.getElementById("myTable").rows[0];
firstRow.deleteCell(0);

親自試一試

例子 5

在 id="myRow" 的表格行的開頭插入包含內容的新單元格：

var row = document.getElementById("myRow");
var x = row.insertCell(0);
x.innerHTML = "新的單元格";

親自試一試

語法

tablerowObject.deleteCell(index)
參數 描述
index

在 Firefox 和 Opera 中是必需的，在 IE、Chrome 和 Safari 中是可選的。

整數（從 0 開始），規定要刪除的單元格在當前行中的位置。

值 0 導致第一個單元格將被刪除。也可以使用 -1 值，這導致最后一個單元格將被刪除。

如果省略此參數，deleteCell() 將刪除 IE 中的最后一個單元格以及 Chrome 和 Safari 中的第一個單元格。

技術細節

返回值：

無返回值。

瀏覽器支持

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
支持 支持 支持 支持 支持

HTML DOM TableRow 對象