HTMLTableElement.deleteTHead()

The HTMLTableElement.deleteTHead() removes the <thead> element from a given <table>.

Syntax

HTMLTableElement.deleteTHead();

Example

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

HTML

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

JavaScript

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

Result

Specifications

Browser compatibility

Desktop Mobile
Chrome Edge Firefox Internet Explorer Opera Safari WebView Android Chrome Android Firefox for Android Opera Android Safari on IOS Samsung Internet
deleteTHead
1
12
1
5.5
≤12.1
3
1
18
4
≤12.1
1
1.0

© 2005–2021 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/HTMLTableElement/deleteTHead