例
创建<tfoot>元件(and insert a <tr> and <td> element to it) :
// 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>元素,并将其添加到表中。
Note:如果一个<tfoot>元件上的表已经存在,则createTFoot()方法返回现有之一,并且不产生新的一个。
注意: <tfoot>元素必须具有一个或多个<tr>内标签。
Tip:要删除<tfoot>从表元素,使用deleteTFoot()方法。
浏览器支持
方法 | |||||
---|---|---|---|---|---|
createTFoot() | 是 | 是 | 是 | 是 | 是 |
句法
tableObject .createTFoot()
参数
没有 |
技术细节
返回值: | 新创建的(or an existing) <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>标签
<表对象