TableRow insertCell() 方法
实例
在带有 id="myRow"的表格行的开头插入新的单元格内容:
var row = document.getElementById("myRow");
var x = row.insertCell(0);
x.innerHTML = "New cell";
亲自试一试 »
定义和用法
insertCell() 方法将一个单元格插入到当前行中。
提示:使用 deleteCell() 方法删除当前表格行中的一个单元格。
浏览器支持
| 方法 | |||||
|---|---|---|---|---|---|
| insertCell() | Yes | Yes | Yes | Yes | Yes |
语法
tablerowObject.insertCell(index)
参数值
| 值 | 描述 |
|---|---|
| index | 在 Firefox 和 Opera 中是必需的，在 IE、Chrome 和 Safari 中是可选的。 一个数字（从 0 开始），指定新单元格在当前行中的位置。 值 0 导致新单元格将插入到第一个位置。 也可以使用-1的值； 这导致新单元格将插入到最后一个位置。 如果省略此参数，insertCell() 将在 IE 中的最后一个位置以及 Chrome 和 Safari 中的第一个位置插入新单元格。 此参数在 Firefox 和 Opera 中是必需的，但在 Internet Explorer、Chrome 和 Safari 中是可选的。 |
技术细节
| 返回值: | The inserted cell element |
|---|
更多实例
实例
在带有 id="myRow"的表格行的末尾插入带有内容的新单元格:
var row = document.getElementById("myRow");
var x = row.insertCell(-1);
x.innerHTML = "New cell";
亲自试一试 »
实例
在具有 id="myRow"的表格行的索引位置 2 处插入内容的新单元格:
var row = document.getElementById("myRow");
var x = row.insertCell(2);
x.innerHTML = "New cell";
亲自试一试 »
实例
在第一个表格行的开头插入新单元格。 表行集合 (.rows[0]) 返回表中所有 id 为 "myTable" 的 <tr> 元素的集合。 number [0] 指定要检索的元素，在本示例中，是表的第一行。 然后我们使用 insertcell() 在索引位置 -1 插入新的单元格:
var firstRow = document.getElementById("myTable").rows[0];
var x = firstRow.insertCell(-1);
x.innerHTML = "New cell";
亲自试一试 »
实例
使用 id="myRow"从表格行中删除第一个单元格:
var row = document.getElementById("myRow");
row.deleteCell(0);
亲自试一试 »
实例
在表格的开头插入新行。 insertRow() 方法在表中的指定索引处插入新行，在此示例中，为带有 id="myTable" 的表的第一个位置（开头）。 然后我们使用 insertCell() 方法在新行中添加单元格。
var table = document.getElementById("myTable");
var row = table.insertRow(0);
var cell1 = row.insertCell(0);
var cell2 = row.insertCell(1);
cell1.innerHTML = "NEW CELL1";
cell2.innerHTML = "NEW CELL2";
亲自试一试 »
❮ TableRow 对象
