Phương thức deleteCell() của TableRow

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

deleteCell() Phương thức xóa một ô trong hàng bảng hiện tại.

Lưu ý:Vui lòng sử dụng Phương thức insertCell() Chèn một ô vào hàng bảng hiện tại.

Xem thêm:

HTML Tham khảo:Thẻ <tr> HTML

Mô hình

Ví dụ 1

Xóa ô đầu tiên của hàng có id="myRow":

var row = document.getElementById("myRow");
row.deleteCell(0);

Thử trực tiếp

Ví dụ 2

Xóa ô cuối cùng của hàng có id="myRow":

var row = document.getElementById("myRow");
row.deleteCell(-1);

Thử trực tiếp

Ví dụ 3

Xóa ô từ vị trí chỉ số 1 của hàng có id="myRow":

var row = document.getElementById("myRow");
row.deleteCell(1);

Thử trực tiếp

Ví dụ 4

Xóa ô đầu tiên của hàng đầu tiên của bảng.

Bộ sưu tập rows của bảng (.rows[0]) trả về bộ sưu tập tất cả các thẻ <tr> trong bảng có id là "myTable". Số [0] quy định phần tử cần lấy, trong ví dụ này, là hàng đầu tiên của bảng.

Sau đó chúng ta sử dụng deleteCell() để xóa ô từ vị trí chỉ số 0:

var firstRow = document.getElementById("myTable").rows[0];
firstRow.deleteCell(0);

Thử trực tiếp

Ví dụ 5

Chèn ô mới chứa nội dung vào đầu hàng bảng có id="myRow":

var row = document.getElementById("myRow");
var x = row.insertCell(0);
x.innerHTML = "Ô mới";

Thử trực tiếp

Cú pháp

tablerowObject.deleteCell(index)
Tham số Mô tả
index

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

Số nguyên (bắt đầu từ 0), quy định vị trí của ô cần xóa trong hàng hiện tại.

Giá trị 0 dẫn đến ô đầu tiên sẽ bị xóa. Cũng có thể sử dụng giá trị -1, điều này dẫn đến ô cuối cùng sẽ bị xóa.

Nếu bỏ qua tham số này, phương thức deleteCell() sẽ xóa单元格 cuối cùng trong IE và单元格 đầu tiên trong Chrome và Safari.

Chi tiết kỹ thuật

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ợ