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