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

49 lines
794 B
HTML
Raw Normal View History

2015-10-21 05:03:22 +02:00
<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, 2, 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 rowspan=2>X1</td><td>X2</td>
</tr>
</tbody>
<tbody>
<tr>
<td>c11</td><td>c12</td>
</tr>
</tbody>
</table>
</table>
<BR>
</BODY></HTML>