最新的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