TableRow cells コレクション

HTML DOM TableRow オブジェクト

定義と使用方法

cells コレクションはテーブル行に含まれるすべての <td> または <th> 要素の集合。

注釈：集合内の要素は、ソースコード内での出現順序に従って並べ替えられます。

例

例 1

第一行のセルの数を表示します：

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

自分で試してみてください

xの結果は：

2

例 2：[index]

テーブルの第一行の最初のセルの innerHTML を出力します：

alert(document.getElementById("myTable").rows[0].cells[0].innerHTML);

自分で試してみてください

例 3：item(index)

テーブルの第一行の最初のセルの innerHTML を出力します：

alert(document.getElementById("myTable").rows[0].cells.item(0).innerHTML);

自分で試してみてください

例 4：namedItem(id)

id="myTd" のテーブルの第一行のセルの innerHTML を出力します：

alert(document.getElementById("myTable").rows[0].cells.namedItem("myTd").innerHTML);

自分で試してみてください

例 5

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

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

自分で試してみてください

文法

tableObject.cells

属性

属性 説明
length

集合に含まれる <td> と/または <th> 要素の数を返します。

注釈：この属性は読み取り専用です。

メソッド

メソッド 説明
[index]

集合に指定されたインデックスを持つ <td> と/または <th> 要素を返します（0から始まる）。

注釈：索引番号が範囲外の場合、null を返します。
item(index)

集合に指定されたインデックスを持つ <td> と/または <th> 要素を返します（0から始まる）。

注釈：索引番号が範囲外の場合、null を返します。
namedItem(id)

指定された id を持つコレクションから <td> と/または <th> 要素を返します。

注釈：id が存在しない場合、null を返します。

技術的な詳細

DOM バージョン： Core Level 2 Document Object
返り値：

HTMLCollection オブジェクトは、<tr> 要素内のすべての <td> と/または <th> 要素を表します。

集合内の要素は、ソースコード内での出現順序に従って並べ替えられます。

ブラウザのサポート

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
サポート サポート サポート サポート サポート

HTML DOM TableRow オブジェクト