HTMLTableElement.deleteTFoot()

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

Syntax

HTMLTableElement.deleteTFoot();

Example

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

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

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

Result

Specifications

Specification
HTML Standard (HTML) # dom-table-deletetfoot-dev

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	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/deleteTFoot