Phương thức TableRow insertCell ()
Thí dụ
Chèn (các) ô mới có nội dung vào đầu hàng trong bảng với id = "myRow":
var row = document.getElementById("myRow");
var x = row.insertCell(0);
x.innerHTML = "New cell";
Định nghĩa và Cách sử dụng
Phương thức insertCell () chèn một ô vào hàng hiện tại.
Mẹo: Sử dụng phương thức deleteCell () để xóa một ô trong hàng bảng hiện tại.
Hỗ trợ trình duyệt
| Method | |||||
|---|---|---|---|---|---|
| insertCell() | Yes | Yes | Yes | Yes | Yes |
Cú pháp
tablerowObject.insertCell(index)
Giá trị tham số
| Value | Description |
|---|---|
| index | Required in Firefox and Opera, optional in IE, Chrome and Safari. A number (starts at 0) that specifies the position of the new cell in the current row. The value of 0 results in that the new cell will be inserted at the first position. The value of -1 can also be used; which results in that the new cell will be inserted at the last position. If this parameter is omitted, insertCell() inserts the new cell at the last position in IE and at the first position in Chrome and Safari. This parameter is required in Firefox and Opera, but optional in Internet Explorer, Chrome and Safari. |
Chi tiết kỹ thuật
| Giá trị trả lại: | Phần tử ô được chèn |
|---|
Các ví dụ khác
Thí dụ
Chèn (các) ô mới có nội dung vào cuối hàng trong bảng với id = "myRow":
var row = document.getElementById("myRow");
var x = row.insertCell(-1);
x.innerHTML = "New cell";
Thí dụ
Chèn (các) ô mới có nội dung ở vị trí chỉ mục 2 của hàng trong bảng với id = "myRow":
var row = document.getElementById("myRow");
var x = row.insertCell(2);
x.innerHTML = "New cell";
Thí dụ
Chèn (các) ô mới vào đầu dòng bảng đầu tiên. Bộ sưu tập các hàng trong bảng (.rows [0]) trả về một tập hợp tất cả các phần tử <tr> trong bảng với id "myTable". Số [0] chỉ định phần tử cần truy xuất, trong ví dụ này là hàng đầu tiên của bảng. Sau đó, chúng tôi sử dụng inserttcell () để chèn (các) ô mới ở vị trí chỉ mục -1:
var firstRow = document.getElementById("myTable").rows[0];
var x = firstRow.insertCell(-1);
x.innerHTML = "New cell";
Thí dụ
Xóa (các) ô đầu tiên khỏi một hàng trong bảng có id = "myRow":
var row = document.getElementById("myRow");
row.deleteCell(0);
Thí dụ
Chèn (các) hàng mới vào đầu bảng. Phương thức insertRow () chèn một hàng mới tại chỉ mục được chỉ định trong bảng, trong ví dụ này, vị trí đầu tiên (đầu) của bảng có id = "myTable". Sau đó, chúng tôi sử dụng phương thức insertCell () để thêm các ô trong hàng mới.
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";
❮ Đối tượng TableRow