TableRow deleteCell() 方法
实例
使用 id="myRow"从表格行中删除第一个单元格:
var row = document.getElementById("myRow");
row.deleteCell(0);
亲自试一试 »
定义和用法
deleteCell() 方法删除当前表格行中的一个单元格。
提示:使用 insertCell() 方法在当前表格行中插入一个单元格。
浏览器支持
| 方法 | |||||
|---|---|---|---|---|---|
| deleteCell() | Yes | Yes | Yes | Yes | Yes |
语法
tablerowObject.deleteCell(index)
参数值
| 值 | 描述 |
|---|---|
| index | 在 Firefox 和 Opera 中是必需的，在 IE、Chrome 和 Safari 中是可选的。 一个整数（从 0 开始），指定要删除的单元格在当前行中的位置。 值 0 导致第一个单元格将被删除。 也可以使用-1的值； 这导致最后一个单元格将被删除。 如果省略此参数，deleteCell() 将删除 IE 中的最后一个单元格以及 Chrome 和 Safari 中的第一个单元格。 此参数在 Firefox 和 Opera 中是必需的，但在 Internet Explorer、Chrome 和 Safari 中是可选的。 |
技术细节
| 返回值: | No return value. |
|---|
更多实例
实例
使用 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> 元素的集合。 number [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 对象
