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