Properti HTMLTableElement.cells mengembalikan semua elemen TH dan TD di dalam elemen TR, di dalam elemen TABLE ini, sebagai HTMLCollection.
Sintaks:
tableObj.cells
Contoh di bawah ini mengembalikan banyaknya elemen TH dan TD di dalam elemen TR:
<TABLE BORDER="1" WIDTH="50%">
<TR>
<TH>cell</TH>
<TH>cell</TH>
</TR>
<TR>
<TD>cell</TD>
<TD>cell</TD>
</TR>
</TABLE>
<SCRIPT TYPE="text/javascript">
var tableElem = document.getElementsByTagName("table")[0];
var rowRef = tableElem.rows.item(0);
var numberCellsInTable = rowRef.cells.length;
alert(numberCellsInTable); // 2
</SCRIPT>
Contoh di bawah ini mengetahui teks di dalam setiap cell:
<TABLE BORDER="1">
<TR>
<TH>cell 1 di kolom 1</TH>
<TH>cell 1 di kolom 2</TH>
</TR>
<TR>
<TD>cell 2 di kolom 1</TD>
<TD>cell 2 di kolom 2</TD>
</TR>
</TABLE>
<SCRIPT TYPE="text/javascript">
var tableElem = document.getElementsByTagName("table")[0];
var rowRef1 = tableElem.rows.item(0);
alert(rowRef1.cells.item(0).innerHTML); // "cell 1 di kolom 1"
alert(rowRef1.cells.item(1).innerHTML); // "cell 1 di kolom 2"
var rowRef2 = tableElem.rows.item(1);
alert(rowRef2.cells.item(0).innerHTML); // "cell 2 di kolom 1"
alert(rowRef2.cells.item(1).innerHTML); // "cell 2 di kolom 2"
</SCRIPT>
