W3cubDocs

/Web APIs

HTMLTableElement: deleteTFoot() method

The HTMLTableElement.deleteTFoot() method removes the <tfoot> element from a given <table>.

Syntax

js

deleteTFoot()

Parameters

None.

Return value

None (undefined).

Examples

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

HTML

html

<table>
  <thead>
    <th>Name</th>
    <th>Score</th>
  </thead>
  <tr>
    <td>Bob</td>
    <td>541</td>
  </tr>
  <tr>
    <td>Jim</td>
    <td>225</td>
  </tr>
  <tfoot>
    <th>Average</th>
    <td>383</td>
  </tfoot>
</table>

JavaScript

js

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

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
deleteTFoot 1 12 1 5.5 ≤12.1 3 4.4 18 4 ≤12.1 1 1.0

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