例
表の最初の行にありますどのように多くの細胞を見つけます：
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
<テーブルオブジェクト