Phương pháp Table deleteRow()

Đối tượng HTML DOM Table

Định nghĩa và cách sử dụng

deleteRow() Phương pháp này từ bỏ dòng tại chỉ số quy định trong bảng.

Lưu ý:Hãy sử dụng insertRow() Tạo và chèn dòng mới.

Xem thêm:

HTML Tham khảo:Thẻ <tr> của HTML

Mô hình

Ví dụ 1

Xóa dòng đầu tiên trong bảng:

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

Thử ngay

Ví dụ 2

Xóa dòng bạn đã nhấp vào:

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

Thử ngay

Ví dụ 3

Tạo và xóa dòng:

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

Thử ngay

Cú pháp

tableObject.deleteRow(index)

Giá trị tham số

Tham số Mô tả
index

Yêu cầu trong Firefox và Opera, tùy chọn trong IE, Chrome và Safari.

Số nguyên, quy định vị trí dòng cần xóa (bắt đầu từ 0).

Giá trị 0 sẽ dẫn đến việc xóa hàng đầu tiên.

Cũng có thể sử dụng giá trị -1, điều này sẽ dẫn đến việc xóa hàng cuối cùng.

Nếu bỏ qua tham số này, deleteRow() sẽ xóa hàng cuối cùng trong IE, và xóa hàng đầu tiên trong Chrome và Safari.

Giá trị trả về:

Không trả về giá trị.

Hỗ trợ trình duyệt

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Hỗ trợ Hỗ trợ Hỗ trợ Hỗ trợ Hỗ trợ

Đối tượng HTML DOM Table