例
插入新的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