How can I calculate the rendered height of an HTML table, from within JavaScript?

Question

When the window is resized, I need to know how big the table is, so I can dynamically fit everything else nicely in-between. The table height is solely dependant on the contents, which are loaded dynamically. How do you calculate the rendered height of the table in JavaScript?

Answer 1

You can use element.offsetHeight for this.

var table = document.getElementById("tableId");
alert(table.offsetHeight);