GV

GeezerVison

The World Wide Web, restored to 800 pixels of glory.

Home|About|Gaming cabinet|Archives|How it works|Starter sites

On this site

  • MDN
  • HTML: Markup language
  • Elements
  • Global attributes
  • Attributes
  • See all…
  • Responsive images
  • HTML cheatsheet
  • Date & time formats
  • See all…
  • SVG
  • MathML
  • XML
  • CSS: Styling language

This view

  • Original page
  • New address

GeezerVison is showing developer.mozilla.org — HTMLTableElement: deleteTFoot() method - Web APIs | MDN

HTMLTableElement: deleteTFoot() method

Baseline
Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

  • See full compatibility
  • Learn more

The deleteTFoot() method of the HTMLTableElement interface removes the first <tfoot> element child from a given <table>, if any.

Syntax

js
deleteTFoot()

Parameters

None.

Return value

None (undefined).

Examples

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

HTML

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

JavaScript

js
const table = document.querySelector("table");
table.deleteTFoot();

Result

Specifications

Specification
HTML
# dom-table-deletetfoot-dev

Browser compatibility

See also

  • HTMLTableElement.createTFoot()
  • HTMLTableElement.deleteCaption()
  • HTMLTableElement.deleteTHead()

Help improve MDN

Learn how to contribute

This page was last modified on Aug 19, 2026 by MDN contributors.

View this page on GitHub • Report a problem with this content
You are visitor 01402503 — GeezerVison does not store the pages you look up.
Best viewed with Netscape Navigator 4.7 or Internet Explorer 6 at 800×600. No cookies required.