RetroZilla/layout/html/tests/table/dom/insertCols5.html

39 lines
705 B
HTML
Raw Normal View History

2015-10-21 05:03:22 +02:00
<HEAD>
<SCRIPT src=tableDom.js>
</SCRIPT>
<SCRIPT>
function doIt() {
var cg = document.getElementsByTagName("COLGROUP")[0];
var refCol = document.getElementsByTagName("COL")[1];
var col = document.createElement("COL", null);
col.width = 200;
cg.insertBefore(col, refCol);
}
</SCRIPT>
</HEAD>
<BODY onload="doIt()">
The 2 tables should look the same
<table bgcolor=orange border>
<colgroup>
<col width=100>
<col width=300>
</colgroup>
<tr>
<td>100</td><td>200</td><td>300</td>
</tr>
</table>
<BR>
<table bgcolor=orange border>
<colgroup>
<col width=100>
<col width=200>
<col width=300>
</colgroup>
<tr>
<td>100</td><td>200</td><td>300</td>
</tr>
</table>
</BODY></HTML>