最新的Web开发教程
 

createTFoot() Method

<表对象

创建<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>标签


<表对象