Computer >> Máy Tính >  >> Lập trình >> HTML

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

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

Cú pháp

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

object.deleteTHead()

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

Đầu ra

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

Nhấp vào “ Xóa tiêu đề ”Để xóa tiêu đề khỏi bảng.

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