HTML DOM Table deleteCaption () Phương thức xóa

Phương thức deleteCaption () của bảng HTML DOM xóa phần tử đầu tiên khỏi bảng trong tài liệu HTML.

Cú pháp

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

object.deleteCaption()

Hãy để chúng tôi xem một ví dụ về phương thức deleteCaption () 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 deleteCaption() Method Demo</h1>
<table border="2">
<caption>Student Data</caption>
<tr>
<th>Name</th>
<th>Roll No.</th>
</tr>
<tr>
<td>John</td>
<td>071717</td>
</tr>
<tr>
<td>Jane</td>
<td>031717</td>
</tr>
</table>
<button onclick="remove()" class="btn">Remove Caption</button>
<script>
   function remove() {
      var tableCaption = document.querySelector('table').deleteCaption();
   }
</script>
</body>
</html>

Đầu ra

HTML DOM Table deleteCaption () Phương thức xóa

Nhấp vào “ Xóa chú thích ”Để xóa chú thích khỏi bảng -

HTML DOM Table deleteCaption () Phương thức xóa