javascript - 确定动态填充的 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 元素的最终高度？我需要这些信息来设置正确的背景高度。有没有办法从 Javascript 预渲染表格并读出它的高度？还是其他什么把戏？

附言。 hostDiv 的大小可能会随着浏览器大小的调整而变化。

Answer 1

如果不在目标浏览器中实际呈现高度，则无法预测高度。

完成后，您可以使用(例如)jQuery获取元素的高度:

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