确定动态填充的HTML表的高度

Question

我想用HTML绘制一个图表.定位结构如下所示:

  <div id='hostDiv'>
    <div id='backgroundDiv'>
     ... drawing the background ...
    </div>
    <div id='foregroundDiv' style='position: absolute;'>
     ... drawing the foreground ...
    </div>
  </div>

前景包含一个动态填充文本的Table元素,因此行高可能会根据进入单元格的文本量而改变.如何预测foregroun中Table元素的最终高度？我需要此信息来设置背景的正确高度.有没有办法从Javascript预渲染表并读出它的高度？或者其他一些技巧？

PS.随着浏览器调整大小,hostDiv的大小可能会有所不同.

Answer 1

如果没有在目标浏览器中实际呈现高度,则无法预测高度.

一旦你这样做,你可以使用(例如)jQuery来获得元素的高度:

var height = $('#myTable').height();