Saturday, December 1, 2012

rows

Properti HTMLTableElement.rows mengembalikan semua elemen TR di dalam elemen TABLE ini, sebagai HTMLCollection.

Sintaks:

tableObj.rows

Contoh di bawah ini mengembalikan banyaknya elemen TR di dalam elemen TABLE:

<TABLE BORDER="1"> <TR> <TH>cell in row 1</TH> <TH>cell in row 1</TH> </TR> <TR> <TD>cell in row 2</TD> <TD>cell in row 2</TD> </TR> </TABLE> <SCRIPT TYPE="text/javascript"> var tableObj = document.getElementsByTagName("table")[0]; var numberRowsInTable = tableObj.rows.length; alert(numberRowsInTable); // 2 </SCRIPT>

Untuk mengakses TR pada indeks ke 0, gunakan kode berikut:

var tableObj = document.getElementsByTagName("table")[0]; alert(tableObj.rows.item(0).innerHTML); // <TH>cell in row 1</TH><TH>cell in row 1</TH>

Untuk mengakses TR pada indeks ke 1, gunakan kode berikut:

var tableObj = document.getElementsByTagName("table")[0]; alert(tableObj.rows.item(1).innerHTML); // <TD>cell in row 2</TD><TD>cell in row 2</TD>