最新的Web开发教程
 

的TableRow insertCell() Method

<对象的TableRow

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

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

定义和用法

所述insertCell()方法插入一个细胞到当前行。

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


浏览器支持

方法
insertCell()

句法

tablerowObject .insertCell( 参数值
描述
index 需要Firefox和Opera,可选的IE,Chrome和Safari。 一个数字(starts at 0) ,指定新的小区的当前行中的位置。 的0个结果,该新的小区的值将在第一位置处被插入。 值-1,也可使用; 这将导致新的细胞会在最后位置插入。

如果省略该参数, insertCell()插入在IE和在铬和Safari第一位置的最后的位置的新的小区。

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

技术细节

返回值: 所插入的电池元件

更多示例

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

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

插入新的cell(s)与在使用id =“myRow”表行的索引位置2含量

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

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

var firstRow = document.getElementById("myTable").rows[0];
var x = firstRow.insertCell(-1);
x.innerHTML = "New cell";
试一试»

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

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

插入新row(s)在表的开头。 所述insertRow()方法插入指定的索引在一个新的行中的一个表,在该示例中,第一位置(the beginning)使用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