HTMLTableElement: phương thức deleteRow()
Baseline
Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
Phương thức HTMLTableElement.deleteRow() xóa một hàng cụ thể (<tr>) khỏi một <table> đã cho.
Cú pháp
js
deleteRow(index)
Tham số
index-
indexlà một số nguyên đại diện cho hàng cần xóa. Tuy nhiên, chỉ số đặc biệt-1có thể được dùng để xóa hàng cuối cùng của bảng.
Giá trị trả về
Không có (undefined).
Ngoại lệ
IndexSizeErrorDOMException-
Được ném nếu
indexlớn hơn hoặc bằng số hàng hiện có hoặc là một giá trị âm khác-1.
Ví dụ
Ví dụ này dùng JavaScript để xóa hàng thứ hai của bảng.
HTML
html
<table>
<tbody>
<tr>
<td>Cell 1.1</td>
<td>Cell 1.2</td>
<td>Cell 1.3</td>
</tr>
<tr>
<td>Cell 2.1</td>
<td>Cell 2.2</td>
<td>Cell 2.3</td>
</tr>
<tr>
<td>Cell 3.1</td>
<td>Cell 3.2</td>
<td>Cell 3.3</td>
</tr>
</tbody>
</table>
JavaScript
js
let table = document.querySelector("table");
// Delete second row
table.deleteRow(1);
Kết quả
Đặc tả kỹ thuật
| Thông số kỹ thuật |
|---|
| HTML # dom-table-deleterow-dev |