Thuộc tính chú thích bảng HTML DOM

Phương thức HTML table createCaption () tạo một phần tử trống và thêm nó vào bảng trong tài liệu HTML.

Cú pháp

Sau đây là cú pháp -

object.createCaption()

Hãy để chúng tôi xem một ví dụ về phương thức createCaption () bảng HTML DOM -

Ví dụ

<!DOCTYPE html>
<html>
<style>
   body {
      color: #000;
      background: lightblue;
      height: 100vh;
      text-align: center;
   }
   table {
      margin: 2rem auto;
   }
   caption {
      color: #db133a;
   }
   .btn {
      background: #db133a;
      border: none;
      height: 2rem;
      border-radius: 2px;
      width: 40%;
      display: block;
      color: #fff;
      outline: none;
      cursor: pointer;
      margin: 1rem auto;
   }
   .show {
      font-size: 1.2rem;
   }
</style>
<body>
<h1>DOM Table createCaption() Method Demo</h1>
<table border="2">
<tr>
<td>Name</td>
<td>Roll No.</td>
</tr>
<tr>
<td>John</td>
<td>071717</td>
</tr>
<tr>
<td>Jane</td>
<td>031717</td>
</tr>
</table>
<button onclick="create()" class="btn">Create Caption</button>
<script>
   function create() {
      var tableCaption = document.querySelector('table').createCaption();
      tableCaption.innerHTML = "Student Data";
   }
</script>
</body>
</html>

Đầu ra

Thuộc tính chú thích bảng HTML DOM

Nhấp vào “Tạo chú thích” để tạo chú thích cho bảng.

Thuộc tính chú thích bảng HTML DOM