例
創建<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>標籤
<表對象