<!DOCTYPE html>
<html>
<body>

<table id="theTable" border="1"><thead id="thead">
    <tr><th>Header</th></tr>
  </thead>
  <tfoot id="tfoot"><tr><th>Footer</th></tr></tfoot>
  <tbody><tr><td id="body">BODY</td></tr></tbody>
</table>

<script>
var style = document.getElementById('tfoot').style;
style.display = "none";
document.body.offsetWidth;
style.display = "table-footer-group";
document.body.offsetWidth;
style.display = "none";
</script>

</body>
</html>