table要素にtfoot要素を生成・追加
table要素にtfoot要素を生成し追加するには、tableElement.createTFootメソッドを使用します。
生成と追加が同時に行われます。
- ※ tfoot要素は1つのtable要素に1つのみ追加することができます。
構文
var tfootElement = tableElement.createTFoot();戻り値
追加されたtfoot要素を返します。
サンプルコード
JavaScript
// table要素を取得
var tableElem = document.getElementById('sample-table');
// tfoot要素を追加
var tfootElem = tableElem.createTFoot();
// tfoot要素にtr要素（行）
var trElem = tfootElem.insertRow();
// td要素を追加
var cellElem = trElem.insertCell();
// td要素にテキストを追加
cellElem.appendChild(document.createTextNode('セル'));