Metode HTMLTableSectionElement.insertRow() menyisipkan empty elemen TR baru ke dalam elemen THEAD, TFOOT, atau TBODY ini, sebagai HTMLElement.
Sintaks:
tableSectionObj.insertRow(index)
index adalah number (long) yang menetapkan indeks penyisipan TR baru ke dalam THEAD, TFOOT, atau TBODY ini.
Contoh di bawah ini menyisipkan empty elemen TR ke dalam TBODY:
<TABLE BORDER="1">
<TBODY>
<TR>
<TD>---0---</TD>
<TD>---1---</TD>
</TR>
</TBODY>
</TABLE>
<SCRIPT TYPE="text/javascript">
var tbodyElem = document.getElementsByTagName("tbody")[0];
tbodyElem.insertRow(0);
</SCRIPT>
Jika penyisipan berhasil, di dalam TBODY akan mempunyai 2 elemen TR:
<TBODY>
<TR></TR>
<TR>
<TD>---0---</TD>
<TD>---1---</TD>
</TR>
</TBODY>
Untuk menambahkan cell ke dalam empty elemen TR, bisa gunakan metode HTMLTableRowElement.insertCell():
<TABLE BORDER="1">
<TBODY>
<TR>
<TD>---0---</TD>
<TD>---1---</TD>
</TR>
</TBODY>
</TABLE>
<SCRIPT TYPE="text/javascript">
var tbodyElem = document.getElementsByTagName("tbody")[0];
var newTrElem = tbodyElem.insertRow(0);
// Menyisipkan cell baru pertama
var newCell1 = newTrElem.insertCell(0);
newCell1.innerHTML = "New cell 1";
// Menyisipkan cell baru kedua
var newCell2 = newTrElem.insertCell(1);
newCell2.innerHTML = "New cell 2";
</SCRIPT>
Jika penyisipan berhasil, TBODY akan menjadi:
<TBODY>
<TR>
<TD>New cell 1</TD>
<TD>New cell 2</TD>
</TR>
<TR>
<TD>---0---</TD>
<TD>---1---</TD>
</TR>
</TBODY>
