<html>
<head>
<script type="text/javascript">
function addRows() {
var tbodyElem = document.getElementById("myTbody");
row0 = tbodyElem.insertRow(0);
row0.insertCell(0).appendChild(document.createTextNode("Row_0"));
row4 = tbodyElem.insertRow(tbodyElem.rows.length);
row4.insertCell(0).appendChild(document.createTextNode("Row_4"));
row5 = tbodyElem.insertRow(-1);
row5.insertCell(0).appendChild(document.createTextNode("Row_5"));
row6 = tbodyElem.insertRow(100);
row6.insertCell(0).appendChild(document.createTextNode("Row_6"));
}
</script>
</head>
<body onLoad="addRows()">
<p>You should see a table with 6 rows, labeled "Row_0", "Row_1", "Row_2", "Row_3", "Row_4", "Row_5", from top to bottom.</p>
<table border=1 id="myTbody">
<tr>
<td>Row_1</td>
</tr>
<tr>
<td>Row_2</td>
</tr>
<tr>
<td>Row_3</td>
</tr>
</table>
</body>
</html>