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