Properti HTMLTableRowElement.rowIndex mengembalikan number (long) yang menunjukkan indeks elemen TR di dalam koleksi elemen TR (HTMLTableElement.rows), di dalam elemen TABLE.
Sintaks:
trObj.rowIndex
Contoh di bawah ini mengembalikan indeks elemen TR di dalam TABLE:
<TABLE BORDER="1">
<TBODY>
<TR>
<TD>---0---</TD>
<TD>---1---</TD>
</TR>
</TBODY>
</TABLE>
<SCRIPT TYPE="text/javascript">
var tableElem = document.getElementsByTagName("table")[0];
var rowRef = tableElem.rows.item(0);
alert(rowRef.rowIndex); // 0
</SCRIPT>
Contoh di bawah ini jika memang elemen TR ber-ID 'mytr' mempunyai urutan indeks ke 1 di dalam elemen TABLE, jadikan latarbelakang elemen itu ke warna merah, jika tidak berikan warna hijau:
<TABLE BORDER="1">
<TBODY>
<TR ID="mytr">
<TD>---0---</TD>
<TD>---1---</TD>
</TR>
</TBODY>
</TABLE>
<SCRIPT TYPE="text/javascript">
var trElem = document.getElementById("mytr");
if (trElem.rowIndex === 1) {
trElem.style.backgroundColor = "red";
}else{
trElem.style.backgroundColor = "green"; // ini dijalankan
}
</SCRIPT>
