Properti HTMLTableCellElement.cellIndex mengembalikan number (long) yang menunjukkan indeks elemen TH/TD di dalam elemen TR HTML.
Sintaks:
tableCellObj.cellIndex
Contoh di bawah ini mengembalikan number (long) yang menunjukkan indeks setiap elemen TD di dalam elemen TR:
<TABLE BORDER="1" WIDTH="100%">
<TR>
<TD>cell 1 di kolom 1</TD>
<TD>cell 1 di kolom 2</TD>
</TR>
</TABLE>
<SCRIPT TYPE="text/javascript">
var tableObj = document.getElementsByTagName("table")[0];
alert(tableObj.rows[0].cells[0].cellIndex); // 0
alert(tableObj.rows[0].cells[1].cellIndex); // 1
</SCRIPT>
Contoh di bawah ini, jika cell target memang memiliki indeks ke 0, toUpperCase teksnya:
<TABLE BORDER="1" WIDTH="100%">
<TR>
<TD>cell 1 di kolom 1</TD>
<TD>cell 1 di kolom 2</TD>
</TR>
</TABLE>
<SCRIPT TYPE="text/javascript">
var tableObj = document.getElementsByTagName("table")[0];
var theCellTarget = tableObj.rows[0].cells[0];
if(theCellTarget.cellIndex === 0) {
theCellTarget.innerHTML = "cell 1 di kolom 1".toUpperCase();
}
</SCRIPT>
