Metode HTMLTableRowElement.insertCell() menyisipkan empty cell baru (TH atau TD) ke dalam elemen TR ini berdasarkan indeks yang ditetapkan, sebagai HTMLElement.
Sintaks:
trObj.insertCell(index)
index adalah adalah number (long) yang menunjukkan posisi penyisipan empty cell baru (TH/TR) di dalam elemen TR.
Contoh di bawah ini menyisipkan empty cell baru ke dalam elemen TR:
<TABLE BORDER="1">
<TBODY>
<TR>
<TD>---0---</TD>
</TR>
</TBODY>
</TABLE>
<SCRIPT TYPE="text/javascript">
var tableElem = document.getElementsByTagName("table")[0];
var rowRef = tableElem.rows.item(0);
rowRef.insertCell(0);
</SCRIPT>
Jika penyisipan berhasil, elemen TR akan mempunyai bentuk berikut:
<TR>
<TD></TD>
<TD>---0---</TD>
</TR>
Untuk menambahkan isi dari empty cell yang baru disisipkan, bisa gunakan innerHTML. Ubah kode:
rowRef.insertCell(0);
Menjadi:
rowRef.insertCell(0).innerHTML = "---1---";
Jika berhasil, elemen TR akan mempunyai bentuk berikut:
<TR>
<TD>---1---</TD>
<TD>---0---</TD>
</TR>
