third_party/WebKit/LayoutTests/tables/mozilla/dom/insertColGroups2.html

   1 <HEAD>
   2 <SCRIPT src=tableDom.js>
   3 </SCRIPT>
   4 <SCRIPT>
   5
   6 function doIt() {
   7   var table = document.getElementsByTagName("TABLE")[0];
   8   var refCg = document.getElementsByTagName("COLGROUP")[1];
   9   var cg = document.createElement("COLGROUP", null);
  10   var col = document.createElement("COL", null);
  11   col.width = 100;
  12   cg.appendChild(col);
  13   col = document.createElement("COL", null);
  14   col.width = 150;
  15   cg.appendChild(col);
  16   table.insertBefore(cg, refCg);
  17 }
  18 </SCRIPT>
  19 </HEAD>
  20 <BODY onload="doIt()">
  21 The 2 tables should look the same
  22 <table bgcolor=orange border>
  23  <colgroup>
  24   <col width=50>
  25  </colgroup>
  26  <colgroup>
  27   <col width=200>
  28  </colgroup>
  29  <tr>
  30   <td>50</td><td>100</td><td>150</td><td>200</td>
  31  </tr>
  32 </table>
  33 <BR>
  34 <table bgcolor=orange border>
  35  <colgroup>
  36   <col width=50>
  37  </colgroup>
  38  <colgroup>
  39   <col width=100>
  40   <col width=150>
  41  </colgroup>
  42  <colgroup>
  43   <col width=200>
  44  </colgroup>
  45  <tr>
  46   <td>50</td><td>100</td><td>150</td><td>200</td>
  47  </tr>
  48 </table>
  49 <BR>
  50 </BODY></HTML>
  51