HTML DOM Table createCaption () Phương thức

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

HTML DOM Table createCaption () Phương thức

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

HTML DOM Table createCaption () Phương thức