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);
Ví dụ 2
Xóa ô cuối cùng của hàng có id="myRow":
var row = document.getElementById("myRow"); row.deleteCell(-1);
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);
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);
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";
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ợ |