Saturday, December 1, 2012

deleteRow()

Metode HTMLTableElement.deleteRow() menghapus elemen TR di dalam elemen TABLE HTML ini.

Sintaks:

tableObj.deleteRow(index)

index adalah number (long) yang menunjukkan indeks elemen TR yang akan dihapus, indeks awal adalah 0.

Contoh di bawah ini menghapus elemen TR pada indeks ke 1. Jika sebelumnya terdapat kode TABLE berikut ini:

<TABLE BORDER="1" WIDTH="100%"> <TR> <!-- TR indeks ke 0 --> <TH>row 1, header cell 1</TH> <TH>row 1, header cell 2</TH> </TR> <TR> <!-- TR indeks ke 1 --> <TD>row 2, cell 1</TD> <TD>row 2, cell 2</TD> </TR> <TR> <!-- TR indeks ke 2 --> <TD>row 3, cell 1</TD> <TD>row 3, cell 2</TD> </TR> </TABLE>

Untuk menghapus elemen TR pada indeks ke 1 berikut kodenya:

<SCRIPT TYPE="text/javascript"> var tableObj = document.getElementsByTagName("table")[0]; tableObj.deleteRow(1); </SCRIPT>

Jadi untuk menghapus TR, cukup merefensi kepada elemen TABLE yang TR-nya ingin di hapus, setelah itu sertakan metode HTMLTableElement.deleteRow() ini, dan pastikan indeks ditetapkan.