<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>