insertColGroups2.html (701B)
1 <HEAD> 2 <SCRIPT src=tableDom.js> 3 </SCRIPT> 4 <SCRIPT> 5 6 function doIt() { 7 var table = document.getElementsByTagName("TABLE")[0]; 8 var refCg = document.getElementsByTagName("COLGROUP")[1]; 9 var cg = document.createElement("COLGROUP", null); 10 var col = document.createElement("COL", null); 11 col.width = 100; 12 cg.appendChild(col); 13 col = document.createElement("COL", null); 14 col.width = 150; 15 cg.appendChild(col); 16 table.insertBefore(cg, refCg); 17 } 18 </SCRIPT> 19 </HEAD> 20 <BODY onload="doIt()"> 21 <table bgcolor=orange border> 22 <colgroup> 23 <col width=50> 24 </colgroup> 25 <colgroup> 26 <col width=200> 27 </colgroup> 28 <tr> 29 <td>50</td><td>100</td><td>150</td><td>200</td> 30 </tr> 31 </table> 32 </BODY></HTML>