表格的實際高度

Question

我有一個正常的html表格位於div內。 div的寬度是70％，所以表格也調整大小。事情是，隨着它縮小，會出現一些換行符，使表格比div更高。 爲了讓javascript函數能夠改變特定表tds的字體大小，可能會斷行，我想比較表格和div的高度。

然而，使用jQuery的.height()和.outerHeight()回報我，他們在CSS被分配到的高度，而不是他們實際高度。如果我至少得到飛越地區的高度，那已經很棒了。任何猜測什麼嘗試？

PS：我試過this方法，但它也沒有解決。

編輯：這是一個非常簡單的fiddle，只是讓你明白它是如何嵌套的。

我欣賞給出的建議，但他們也沒有工作。

Answer 1

偏移屬性屬於元素本身。

試試這個：

document.getElementById('#table').offsetHeight; 

下面是偏移值一些文檔：https://developer.mozilla.org/en-US/docs/Web/API/CSS_Object_Model/Determining_the_dimensions_of_elements。

大多數情況下，這會給你在屏幕上佔用的空間的尺寸。如果你想要的尺寸包括溢出，那麼@NielsKeurentjes提供的滾動尺寸就是你想要的。

Answer 2

使用scrollHeight，參見this example。

從MDN：

的Element.scrollHeight只讀屬性是 高度一個元素的內容的的測量，包括內容的 屏幕上由於溢出不可見的。 scrollHeight值等於該元素所需的最小值 clientHeight，以便在不使用垂直滾動條的情況下將所有內容 適合於視點。它包括 元素填充但不包括其邊距。