最新的Web開發教程
 

deleteRow() Method

<表對象

刪除表中的第一行:

document.getElementById("myTable").deleteRow(0);
試一試»

定義和用法

deleteRow()方法從表中刪除指定索引處的行。

提示:使用insertRow()創建並插入新行。


瀏覽器支持

方法
deleteRow()

句法

tableObject .deleteRow( 參數值
描述
index 需要Firefox和Opera,可選的IE,Chrome和Safari。 指定行刪除的位置的整數(從0開始)。 0結果第一行中的值將被刪除。

值-1,也可使用; 這導致在最後一行將被刪除。

此參數是必需的Firefox和Opera,但也可選在Internet Explorer,Chrome和Safari。

如果省略該參數, deleteRow()去除在IE中的最後一行,並在瀏覽器和Safari的第一行。

技術細節

返回值: 無返回值

更多示例

刪除你點擊該行:

function deleteRow(r) {
    var i = r.parentNode.parentNode.rowIndex;
    document.getElementById("myTable").deleteRow(i);
}
試一試»

創建和刪除row(s)

function myCreateFunction() {
    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";
}

function myDeleteFunction() {
    document.getElementById("myTable").deleteRow(0);
}
試一試»

相關頁面

HTML參考: HTML <tr>標籤


<表對象