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