Phương thức Table createTFoot()

Đối tượng HTML DOM Table

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

createTFoot() Phương thức tạo phần tử trống Thẻ <tfoot> và thêm nó vào bảng.

Ghi chú:Nếu trong bảng đã có phần tử <tfoot> thì createTFoot() Phương thức trả về phần tử hiện có, không tạo phần tử mới.

Ghi chú:Phần tử <tfoot> bên trong phải có một hoặc nhiều thẻ <tr>.

Lưu ý:Để xóa phần tử <tfoot> khỏi bảng, hãy sử dụng Phương thức deleteTFoot().

Xem thêm:

Tài liệu tham khảo HTML:Thẻ <tfoot> HTML

Mô hình

Ví dụ 1

Tạo phần tử <tfoot> (và thêm phần tử <tr> và <td> vào đó):

// Tìm phần tử <table> với id="myTable":
var table = document.getElementById("myTable");
// Tạo phần tử <tfoot> trống và thêm vào bảng:
var footer = table.createTFoot();
// Tạo phần tử <tr> trống và thêm vào vị trí đầu tiên của <tfoot>:
var row = footer.insertRow(0);      
// Chèn ô mới (<td>) vào vị trí đầu tiên của phần tử <tr> "mới":
var cell = row.insertCell(0);
// Thêm văn bản in đậm vào ô mới:
cell.innerHTML = "<b>This is a table footer</b>";

Thử ngay

Ví dụ 2

Tạo và xóa phần tử <tfoot>:

function myCreateFunction() {
  var table = document.getElementById("myTable");
  var footer = table.createTFoot();
  var row = footer.insertRow(0);
  var cell = row.insertCell(0);
  cell.innerHTML = "<b>This is a table footer</b>";
}
function myDeleteFunction() {
  document.getElementById("myTable").deleteTFoot();
}

Thử ngay

Cú pháp

tableObject.createTFoot()

Tham số

Không có.

Chi tiết kỹ thuật

Giá trị trả về: Mới tạo (hoặc hiện có)Thẻ <tfoot>.

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