Table createTFoot() 方法
实例
创建一个 a <tfoot> 元素（并在其中插入一个 <tr> 和 <td> 元素）:
// Find a <table> element with id="myTable":
var table = document.getElementById("myTable");
// Create an empty <tfoot> element and add it to the table:
var footer = table.createTFoot();
// Create an empty <tr> element and add it to the first position of <tfoot>:
var row = footer.insertRow(0);
// Insert a new cell (<td>) at the first position of the "new" <tr> element:
var cell = row.insertCell(0);
// Add some bold text in the new cell:
cell.innerHTML = "<b>This is a table footer</b>";
亲自试一试 »
定义和用法
createTFoot() 方法创建一个空的 <tfoot> 元素并将其添加到表中。
注释:如果表中已经存在 <tfoot> 元素，则 createTFoot() 方法返回现有元素，并且不会创建新元素。
注释: <tfoot> 元素内部必须有一个或多个 <tr> 标记。
提示:要从表中删除 <tfoot> 元素，请使用 deleteTFoot() 方法。
浏览器支持
| 方法 | |||||
|---|---|---|---|---|---|
| createTFoot() | Yes | Yes | Yes | Yes | Yes |
语法
tableObject.createTFoot()
参数
| None |
技术细节
| 返回值: | 新创建的（或现有的）<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> tag
❮ Table 对象
