Properti HTMLTableRowElement.sectionRowIndex mengembalikan number (long) yang menunjukkan indeks elemen TR di dalam koleksi elemen TR (HTMLTableElement.rows), di dalam elemen TBODY, THEAD, atau TFOOT.
Sintaks:
trObj.sectionRowIndex
Contoh di bawah ini mengembalikan indeks elemen TR di dalam TBODY:
<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.sectionRowIndex); // 0
</SCRIPT>
Contoh di bawah ini jika memang elemen TR ber-ID 'mytr' mempunyai urutan indeks ke 1 di dalam elemen TBODY, 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>
