table要素にある行(tr要素)を取得

table要素にある行(tr要素)を取得するには、element.rowsプロパティを使用します。

  • ※ table要素だけでなく、thead要素やtbody要素、tfoot要素から取得することもできます。
  • ※ table要素から取得した場合は、thead要素、tbody要素、tfoot要素すべてから取得します。

構文

var rowElements = element.rows;

戻り値

tr要素を複数の要素(HTMLCollection)として返します。

サンプルコード

JavaScript

// table要素を取得
var tableElem = document.getElementById('sample');

// 行(tr要素)を取得
var rowElems = tableElem.rows;

// 取得した行(tr要素)を繰り返しHTMLを取得
var htmlStr = '';
for (i = 0, len = rowElems.length; i < len; i++) {
	htmlStr += rowElems[i].outerHTML;
}

alert(htmlStr);

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