insertCaptionsAndRows2.html

Enable keyboard shortcuts

<html class="reftest-wait">

<head>

<style>

 caption { color: green }

</style>

<script>

function boom()

  document.body.offsetHeight;

  var table = document.getElementById("table");

  var newtbody = document.createElement("tbody");

  var newrow = document.createElement("tr");

  var newcell = document.createElement("td");

  newcell.appendChild(document.createTextNode("a new row 2"));

  newrow.appendChild(newcell);

  newtbody.appendChild(newrow);

  table.insertBefore(newtbody, table.firstChild);

  var caption = document.createElement("caption");

  caption.appendChild(document.createTextNode("this is the caption"));

  table.insertBefore(caption, table.firstChild);

  newtbody = document.createElement("tbody");

  newrow = document.createElement("tr");

  newcell = document.createElement("td");

  newcell.appendChild(document.createTextNode("a new row 1"));

  newrow.appendChild(newcell);

  newtbody.appendChild(newrow);

  table.insertBefore(newtbody, table.firstChild);

  document.body.offsetHeight;

  document.documentElement.className = "";

</script>

</head>

<body onload="boom();">

<table id="table"><tbody>

<tr><td>a row</td></tr>

</tbody></table>

</body>

</html>