How to calculate the height of the displayed HTML table from JavaScript?

Question

When resizing a window, I need to know how large the table is, so I can dynamically fit everything else beautifully between them. The height of the table depends solely on content that is loaded dynamically. How do you calculate the render height of a table in JavaScript?

Answer 1

You can use element.offsetHeightfor this.

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