| <HEAD> |
| <SCRIPT src=tableDom.js> |
| </SCRIPT> |
| <SCRIPT> |
| |
| function doIt() { |
| var table = document.getElementsByTagName("TABLE")[0]; |
| var tbody = document.createElement("TBODY", null); |
| var row = document.createElement("TR", null); |
| appendCell(row, 1, 1); |
| appendCell(row, 1, 1); |
| tbody.appendChild(row); |
| var refTbody = document.getElementsByTagName("TBODY")[0]; |
| table.insertBefore(tbody, refTbody); |
| } |
| </SCRIPT> |
| </HEAD> |
| <BODY onload="doIt()"> |
| The 2 tables should look the same |
| <table bgcolor=orange border> |
| <tbody> |
| <tr> |
| <td>c11</td><td>c12</td> |
| </tr> |
| </tbody> |
| </table> |
| <BR> |
| <table bgcolor=orange border> |
| <tbody> |
| <tr> |
| <td>X1</td><td>X2</td> |
| </tr> |
| </tbody> |
| <tbody> |
| <tr> |
| <td>c11</td><td>c12</td> |
| </tr> |
| </tbody> |
| </table> |
| </table> |
| <BR> |
| </BODY></HTML> |
| |
| |
| |
| |
| |
| |
