最新のWeb開発のチュートリアル
 

TableRow細胞コレクション

<のTableRowオブジェクト

最初の行のセルの数を示します。

var x = document.getElementById("myTable").rows[0].cells.length;

xの結果は次のようになります。

2
»それを自分で試してみてください

もっと"Try it Yourself"以下の例。


定義と使用法

細胞収集は、すべてのコレクションを返し<td>または<th>テーブルの行の要素。

Note:彼らはソースコードに表示されるコレクションの要素がソートされています。


ブラウザのサポート

コレクション
cells はい はい はい はい はい

構文

tableObject .cells

プロパティ

プロパティ 説明
length 数を返します<td>および/または<th>コレクションの要素を。

注:このプロパティは読み取り専用です

メソッド

方法 説明
[ index ] 戻り値<td>および/または<th>指定されたインデックスを持つコレクションから要素が(starts at 0)

注意:インデックス番号が範囲外の場合はnullを返します。
item( index ) 戻り値<td>および/または<th>指定されたインデックスを持つコレクションから要素が(starts at 0)

注意:インデックス番号が範囲外の場合はnullを返します。
namedItem( id ) 戻り値<td>および/または<th>指定されたIDを持つコレクションから要素。

注意:idが存在しない場合はnullを返します。

技術的な詳細

DOMバージョン: コアレベル2ドキュメントオブジェクト
戻り値: 代表HTMLCollectionオブジェクトは、すべての<td>および/または<th>の要素<tr>要素。 彼らはソースコードに表示されるコレクションの要素がソートされています

例

その他の例

[ インデックス ]

表の最初の行の最初のセルのinnerHTMLプロパティを警告します:

alert(document.getElementById("myTable").rows[0].cells[0].innerHTML);
»それを自分で試してみてください

item( index )

表の最初の行の最初のセルのinnerHTMLプロパティを警告します:

alert(document.getElementById("myTable").rows[0].cells.item(0).innerHTML);
»それを自分で試してみてください

namedItem( id )

表の最初の行に、ID =「myTd」のセルのinnerHTMLのに警告します。

alert(document.getElementById("myTable").rows[0].cells.namedItem("myTd").innerHTML);
»それを自分で試してみてください

最初のテーブルセルの内容を変更します。

var x = document.getElementById("myTable").rows[0].cells;
x[0].innerHTML = "NEW CONTENT";
»それを自分で試してみてください

<のTableRowオブジェクト