表格 createTFoot() 方法
示例
创建 <tfoot> 元素（并在其中插入 <tr> 和 <td> 元素）
// 找到 id 为 "myTable" 的 <table> 元素
var table = document.getElementById("myTable");
// 创建一个空的 <tfoot> 元素并将其添加到表格中
var footer = table.createTFoot();
// 创建一个空的 <tr> 元素并将其添加到 <tfoot> 的第一个位置
var row = footer.insertRow(0);
// 在“新”<tr> 元素的第一个位置插入一个新单元格 (<td>)
var cell = row.insertCell(0);
// 在新单元格中添加一些粗体文本
cell.innerHTML = "<b>这是一个表格页脚</b>";
自己尝试 »
描述
createTFoot() 方法创建一个空的 <tfoot> 元素并将其添加到表格中。
注意：如果表格中已经存在 <tfoot> 元素，则 createTFoot() 方法将返回现有的元素，而不是创建一个新的元素。
注意：<tfoot> 元素必须包含一个或多个 <tr> 标签。
提示： 要从表格中删除 <tfoot> 元素，请使用 deleteTFoot() 方法。
浏览器支持
| 方法 | |||||
|---|---|---|---|---|---|
| createTFoot() | 是 | 是 | 是 | 是 | 是 |
语法
tableObject.createTFoot()
参数
| 无 |
技术细节
| 返回值 | 新创建的（或现有的）<tfoot> 元素 |
|---|
更多示例
示例
创建和删除 <tfoot> 元素
function myCreateFunction() {
var table = document.getElementById("myTable");
var footer = table.createTFoot();
var row = footer.insertRow(0);
var cell = row.insertCell(0);
cell.innerHTML = "<b>这是一个表格页脚</b>";
}
function myDeleteFunction() {
document.getElementById("myTable").deleteTFoot();
}
自己尝试 »
相关页面
HTML 参考：HTML <tfoot> 标签
❮ 表格对象
