<HEAD>
<SCRIPT src=tableDom.js>
</SCRIPT>
<SCRIPT>

function doIt() {
  var table = document.getElementsByTagName("TABLE")[0];
  var rg = document.createElement("TBODY", null);
  var row = document.createElement("TR");
  appendCell(row, 1, 1);
  appendCell(row, 1, 1);
  rg.appendChild(row);
  table.appendChild(rg);
}
</SCRIPT>  
</HEAD>
<BODY onload="doIt()">
The 2 tables should look the same
<table bgcolor=orange border>
 <tbody>
   <tr>
    <td>c11</td><td>c12</td>
  </tr>
 </tbody>
</table>
<BR>
<table bgcolor=orange border>
 <tbody>
   <tr>
    <td>c11</td><td>c12</td>
  </tr>
 </tbody>
 <tbody>
   <tr>
    <td>X1</td><td>X2</td>
  </tr>
 </tbody>
</table>
<BR>
</BODY></HTML>