最新的Web开发教程
 

的TableRow deleteCell() Method

<对象的TableRow

删除第一个cell(s)从具有ID =“myRow”一个表行:

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

定义和用法

所述deleteCell()方法删除当前表行中的单元格。

提示:使用insertCell()方法在当前表行中删除单元格。


浏览器支持

方法
deleteCell()

句法

tablerowObject .deleteCell( 参数值
描述
index 需要Firefox和Opera,可选的IE,Chrome和Safari。 的整数(starts at 0)用于指定该单元的位置的当前行中删除。 的0的结果,所述第一小区将被删除的值。 值-1,也可使用; 这导致在最后一个单元格将被删除。

如果省略该参数, deleteCell()去除在IE中的最后一个单元和在铬和Safari第一小区。

此参数是必需的Firefox和Opera,但也可选在Internet Explorer,Chrome和Safari。

技术细节

返回值: 无返回值。

更多示例

删除最后一个cell(s)与ID =“myRow”的一个表行:

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

删除cell(s)从索引位置1与ID =“myRow”一个表行:

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

删除cell(s)在第一个表行的开头。 表中的行集合(.rows[0])返回所有的集合<tr>在表中的元素ID为"myTable" 。 的[0]号指定元件来检索,在该例子中,第一表行。 然后我们使用deleteCell()从索引位置0删除单元格:

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

插入新的cell(s)与使用id =“myRow”表行的内容的开始:

var row = document.getElementById("myRow");
var x = row.insertCell(0);
x.innerHTML = "New cell";
试一试»

<对象的TableRow