Table 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>This is a table footer</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>This is a table footer</b>";
}
function myDeleteFunction() {
document.getElementById("myTable").deleteTFoot();
}
自己动手试一试 »
相关页面
HTML 参考： HTML <tfoot> 标签
↜ Table 对象
