TableRow deleteCell() 方法

定义和用法

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
支持 支持 支持 支持 支持