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);

JavaScript逆引きリファレンス一覧へ戻る