Phương thức Table createTHead()

Đối tượng HTML DOM Table

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

createTHead() Phương thức tạo một Đối tượng <thead> và thêm vào bảng.

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

Chú thích:Phần tử <thead> nội bộ phải có một hoặc nhiều thẻ <tr>.

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

Xem thêm:

Hướng dẫn HTML:Thẻ <thead> HTML

Mô hình

Ví dụ 1

Tạo phần tử <thead> (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ử <thead> trống và thêm vào bảng:
var header = table.createTHead();
// Tạo phần tử <tr> trống và thêm vào vị trí đầu tiên của <thead>:
var row = header.insertRow(0);     
// Chèn một ô 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 header</b>";

Thử ngay

Ví dụ 2

Tạo và xóa phần tiêu đề <thead>:

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

Thử ngay

Cú pháp

tableObject.createTHead()

Tham số

Không có.

Chi tiết kỹ thuật

Giá trị trả về: Mới tạo (hoặc hiện có)Đối tượng <thead>.

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