third_party/WebKit/LayoutTests/fast/dynamic/015.html

   1 <html>
   2 <head>
   3 <script type="text/javascript">
   4
   5         function addRows() {
   6                 var tbodyElem = document.getElementById("myTbody");
   7         row0 = tbodyElem.insertRow(0);
   8         row0.insertCell(0).appendChild(document.createTextNode("Row_0"));
   9
  10                 row4 = tbodyElem.insertRow(tbodyElem.rows.length);
  11         row4.insertCell(0).appendChild(document.createTextNode("Row_4"));
  12
  13                 row5 = tbodyElem.insertRow(-1);
  14         row5.insertCell(0).appendChild(document.createTextNode("Row_5"));
  15
  16                 row6 = tbodyElem.insertRow(100);
  17                 row6.insertCell(0).appendChild(document.createTextNode("Row_6"));
  18     }
  19
  20 </script>
  21 </head>
  22 <body onLoad="addRows()">
  23 <p>You should see a table with 6 rows, labeled "Row_0", "Row_1", "Row_2", "Row_3", "Row_4", "Row_5", from top to bottom.</p>
  24
  25 <table border=1 id="myTbody">
  26         <tr>
  27                 <td>Row_1</td>
  28         </tr>
  29         <tr>
  30                 <td>Row_2</td>
  31         </tr>
  32         <tr>
  33                 <td>Row_3</td>
  34         </tr>
  35 </table>
  36
  37 </body>
  38 </html>