HTMLTableElement: deleteTHead() method

{{APIRef("HTML DOM")}}

The HTMLTableElement.deleteTHead() removes the {{HTMLElement("thead")}} element from a given {{HtmlElement("table")}}.

Syntax

deleteTHead()

Parameters

None.

Return value

None ({{jsxref("undefined")}}).

Examples

This example uses JavaScript to delete a table's header.

HTML

<table>
  <thead>
    <tr>
      <th>Name</th>
      <th>Occupation</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Bob</td>
      <td>Plumber</td>
    </tr>
    <tr>
      <td>Jim</td>
      <td>Roofer</td>
    </tr>
  </tbody>
</table>

JavaScript

let table = document.querySelector("table");
table.deleteTHead();

Result

{{EmbedLiveSample("Examples")}}

Specifications

{{Specifications}}

Browser compatibility

{{Compat}}