insertCaptionsAndRows4.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 tbody = document.getElementById("tbody");

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

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

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

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

  newrow.appendChild(newcell);

  newtbody.appendChild(newrow);

  table.insertBefore(newtbody, tbody);

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

  caption.appendChild(document.createTextNode("this is a caption that you shouldn't see"));

  table.insertBefore(caption, tbody);

  newtbody = document.createElement("tbody");

  newrow = document.createElement("tr");

  newcell = document.createElement("td");

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

  newrow.appendChild(newcell);

  newtbody.appendChild(newrow);

  table.insertBefore(newtbody, tbody);

  document.body.offsetHeight;

  document.documentElement.className = "";

</script>

</head>

<body onload="boom();">

<table id="table">

<caption>this is the caption</caption>

<tbody id="tbody"><tr><td>a row</td></tr></tbody>

</table>

</body>

</html>