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 = "新单元格";
自己尝试 »
❮ TableRow 对象
