HTML | DOM 表 deleteTFoot() 方法

简介

deleteTFoot() 方法是 HTML 表格 DOM 接口中的一个方法，在表格对象中删除底部脚注行(<tfoot>)。

语法

table.deleteTFoot()

示例

HTML 代码：

<table id="myTable">
  <thead>
    <tr>
      <th>姓名</th>
      <th>性别</th>
      <th>年龄</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>张三</td>
      <td>男</td>
      <td>20</td>
    </tr>
    <tr>
      <td>李四</td>
      <td>女</td>
      <td>22</td>
    </tr>
  </tbody>
  <tfoot>
    <tr>
      <td colspan="3">表格底部脚注</td>
    </tr>
  </tfoot>
</table>

JavaScript 代码：

var table = document.getElementById("myTable");
table.deleteTFoot();

执行上述 JavaScript 代码后，表格将不再拥有底部脚注行。

注意事项

• 如果表格中没有底部脚注行，调用该方法将无效果。
• 调用该方法后，表格将没有底部脚注行，但不会从 HTML 文档中删除该元素。如果需要彻底删除该元素，可使用 removeChild() 方法。
• 该方法是 HTML5 中新增的方法，在某些旧版本的浏览器中可能无法使用，需根据实际情况进行兼容性处理。