insertColGroups2.html

Enable keyboard shortcuts

<HEAD>

<SCRIPT src=tableDom.js>

</SCRIPT>

<SCRIPT>

function doIt() {

  var table = document.getElementsByTagName("TABLE")[0];

  var refCg = document.getElementsByTagName("COLGROUP")[1];

  var cg = document.createElement("COLGROUP", null);

  var col = document.createElement("COL", null);

  col.width = 100;

  cg.appendChild(col);

  col = document.createElement("COL", null);

  col.width = 150;

  cg.appendChild(col);

  table.insertBefore(cg, refCg);

</SCRIPT>

</HEAD>

<BODY onload="doIt()">

<table bgcolor=orange border>

 <colgroup>

  <col width=50>

 </colgroup>

 <colgroup>

  <col width=200>

 </colgroup>

 <tr>

  <td>50</td><td>100</td><td>150</td><td>200</td>

 </tr>

</table>

</BODY></HTML>