blob: e90c16a40a1b1963193d56f988652193e2974abb [file] [log] [blame]
<HEAD>
<SCRIPT src=tableDom.js>
</SCRIPT>
<SCRIPT>
function doIt() {
var table = document.getElementsByTagName("TABLE")[0];
var colgroup = document.getElementsByTagName("COLGROUP")[0];
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>200</td><td>200</td><td>auto</td><td>auto</td>
</tr>
</table>
<BR>
<table bgcolor=orange border>
<colgroup span=2 width=200></colgroup>
<tr>
<td>200</td><td>200</td><td>auto</td><td>auto</td>
</tr>
</table>
<BR>
</BODY></HTML>