Table deleteRow() 方法

HTML DOM Table Objekto

定義和用法

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

提示：請使用 insertRow() 创建和插入新行。

另請參考：

HTML 參考手冊：HTML <tr> Tag

实例

例子 1

删除表中的第一行：

document.getElementById("myTable").deleteRow(0);

親自試一試

例子 2

删除您单击的行：

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

親自試一試

例子 3

创建和删除行：

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);
}

親自試一試

語法

tableObject.deleteRow(index)

參數值

參數 描述
index

在 Firefox 和 Opera 中是必需的，在 IE、Chrome 和 Safari 中是選擇性的。

整数，規定要刪除的行的位置（從 0 開始）。

Ang halaga 0 ay magiging dahilan ng paglilipat ng unang linya.

Maaari ring gamitin ang halaga -1, na magiging dahilan ng paglilipat ng huling linya.

Kung pinag hiwalay ang parametro na ito, ang deleteRow() ay maglilipat ng huling linya sa IE, at ang unang linya sa Chrome at Safari.

Halaga ng ibabalik:

Walang ibabalik na halaga.

Suporta ng Browser

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Suporta Suporta Suporta Suporta Suporta

HTML DOM Table Objekto