例
表にあるどのように多くの行を見つけます：
var x = document.getElementById("myTable").rows.length;xの結果は次のようになります。
2 »それを自分で試してみてください もっと"Try it Yourself"以下の例。
定義と使用法
行のコレクションは、すべてのコレクションを返す<tr>テーブルの要素を。
Note:彼らはソースコードに表示されるコレクションの要素がソートされています。
ヒント：使用insertRow()新しい行を作成する方法を(<tr>)
ヒントを使用deleteRow()行を除去する方法。
ヒント：使用insertCell()新しいセルを作成する方法を(<td>) 。
ヒント：使用deleteCell()セルを削除する方法を。
ヒント：使用した細胞のすべてのコレクションを返すために、コレクションを<td>または<th>テーブルの要素を。
ブラウザのサポート
| コレクション | |||||
|---|---|---|---|---|---|
| rows | はい | はい | はい | はい | はい |
構文
tableObject .rowsプロパティ
| プロパティ | 説明 |
|---|---|
| length | 数を返します<tr>コレクションの要素を。 注：このプロパティは読み取り専用です |
メソッド
| 方法 | 説明 |
|---|---|
| [ index ] | 返し<tr>指定されたインデックスを持つコレクションから要素を(starts at 0) 。 注意：インデックス番号が範囲外の場合はnullを返します。 |
| item( index ) | 返し<tr>指定されたインデックスを持つコレクションから要素を(starts at 0) 。 注意：インデックス番号が範囲外の場合はnullを返します。 |
| namedItem( id ) | 返し<tr>指定したIDのコレクションから要素を。 注意：idが存在しない場合はnullを返します。 |
技術的な詳細
| DOMバージョン： | コアレベル2ドキュメントオブジェクト |
|---|---|
| 戻り値： | 全て表すHTMLCollectionオブジェクト、 <tr>の要素<table>要素。 彼らはソースコードに表示されるコレクションの要素がソートされています |
その他の例
例
[ インデックス ]
最初のinnerHTMLの警告<tr>要素(index 0)表に：
alert(document.getElementById("myTable").rows[0].innerHTML; »それを自分で試してみてください 例
item( index )
最初のinnerHTMLの警告<tr>要素(index 0)表に：
alert(document.getElementById("myTable").rows.item(0).innerHTML); »それを自分で試してみてください 例
namedItem( id )
innerHTMLの警告<tr>テーブルのid =「myRow」と要素。
alert(document.getElementById("myTable").rows.namedItem("myRow").innerHTML); »それを自分で試してみてください 例
最初のテーブルセルの内容を変更します。
var x = document.getElementById("myTable").rows[0].cells;
x[0].innerHTML = "NEW
CONTENT"; »それを自分で試してみてください 関連ページ
HTMLリファレンス： HTML <tr>タグ
JavaScriptリファレンス： HTML DOMのTableRowオブジェクト
<テーブルオブジェクト