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