<HEAD> | |
<SCRIPT src=tableDom.js> | |
</SCRIPT> | |
<SCRIPT> | |
function doIt() { | |
var table = document.getElementsByTagName("TABLE")[0]; | |
var colgroup = document.getElementsByTagName("COLGROUP")[1]; | |
table.removeChild(colgroup); | |
} | |
</SCRIPT> | |
</HEAD> | |
<BODY onload="doIt()"> | |
The 2 tables should look the same | |
<table bgcolor=orange border> | |
<colgroup span=2 width=100></colgroup> | |
<colgroup span=2 width=200></colgroup> | |
<tr> | |
<td>100</td><td>100</td><td>auto</td><td>auto</td> | |
</tr> | |
</table> | |
<BR> | |
<table bgcolor=orange border> | |
<colgroup span=2 width=100></colgroup> | |
<tr> | |
<td>100</td><td>100</td><td>auto</td><td>auto</td> | |
</tr> | |
</table> | |
<BR> | |
</BODY></HTML> | |