例
作成<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>要素は、1つまたは複数持っている必要があります<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>タグ
<テーブルオブジェクト