| <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()"> | |
| The 2 tables should look the same | |
| <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> | |
| <BR> | |
| <table bgcolor=orange border> | |
| <colgroup> | |
| <col width=50> | |
| </colgroup> | |
| <colgroup> | |
| <col width=100> | |
| <col width=150> | |
| </colgroup> | |
| <colgroup> | |
| <col width=200> | |
| </colgroup> | |
| <tr> | |
| <td>50</td><td>100</td><td>150</td><td>200</td> | |
| </tr> | |
| </table> | |
| <BR> | |
| </BODY></HTML> | |