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

表のセルのコレクション

<テーブルオブジェクト

表の最初の行にありますどのように多くの細胞を見つけます:

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

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

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

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


定義と使用法

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

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

ヒント:使用した行のすべてのコレクションを返すようにコレクションを<tr>テーブルの要素を。

ヒント:使用insertRow()新しい行を作成する方法を(<tr>)

ヒントを使用deleteRow()行を除去する方法。

ヒント:使用insertCell()新しいセルを作成する方法を(<td>)

ヒント:使用deleteCell()セルを削除する方法を。


ブラウザのサポート

コレクション
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>の要素<table>要素。 彼らはソースコードに表示されるコレクションの要素がソートされています

例

その他の例

[ インデックス ]

表の最初の行の最初のセルの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";
»それを自分で試してみてください

関連ページ

HTMLリファレンス: HTML <td>タグ

HTMLリファレンス: HTML <th>タグ

JavaScriptリファレンス: HTML DOMオブジェクトTABLEDATA

JavaScriptリファレンス: HTML DOMオブジェクトTABLEHEADER


<テーブルオブジェクト