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