<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <script> function boom() { var table = document.getElementById("table"); table.insertBefore(document.createElement("thead"), document.getElementById("A")); var tb2 = document.createElement("tfoot"); var tr1 = document.createElement("tr"); tb2.appendChild(tr1); table.appendChild(tb2); var tr = document.createElement("tr"); var td = document.createElement("td"); td.appendChild(document.createTextNode("td")); td.setAttribute("rowspan", 0); tr.appendChild(td); document.getElementById("B").appendChild(tr); } </script> </head> <body onload="boom();"> <table id="table"> <tfoot id="A"><tr><td>td</td></tr></tfoot> <tfoot id="B"><tr><td>td</td></tr></tfoot> <thead></thead> </table> </body> </html>