HTMLTableElement: phương thức createCaption()

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.createCaption() trả về phần tử <caption> được liên kết với một <table> đã cho. Nếu bảng không có phần tử <caption>, phương thức này sẽ tạo nó rồi trả về.

Note: Nếu không có caption, createCaption() sẽ chèn một caption mới trực tiếp vào bảng. Caption không cần được thêm riêng lẻ như trường hợp dùng Document.createElement() để tạo phần tử <caption> mới.

Cú pháp

js
createCaption()

Tham số

Không có.

Giá trị trả về

HTMLTableCaptionElement

Ví dụ

Ví dụ này dùng JavaScript để thêm một caption vào bảng vốn ban đầu chưa có caption.

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>
  </tbody>
</table>

JavaScript

js
let table = document.querySelector("table");
let caption = table.createCaption();
caption.textContent = "This caption was created by JavaScript!";

Kết quả

Đặc tả kỹ thuật

Specification
HTML
# dom-table-createcaption-dev

Tương thích trình duyệt