用jQuery獲取html元素的渲染高度

例如，我有這樣一個類：

.someclass { 
    font-size: 1.2em /* let's say that 1em is set to 10px in this example */ 
    padding: 1em 0 2em 0; 
    border: 0.1em solid #000; 
}

和一些簡單的HTML中使用它：

<div class="someclass">Test</div>

我想獲得該元素的產生高度 - 計算的高度帶邊框和填充。在此示例中使用jQuery .height()方法給出當前值line-height屬性 - 如預期的那樣，因爲div中的文本只有一行。

我知道我可以自己做計算，因爲它們相對比較簡單，但我想問一下在jQuery中是否有內置解決方案？

來源

2011-10-10 Przemek

我接受你的因爲整體價值;） – Przemek

jQuery有幾種方法來實現這個功能。見http://api.jquery.com/category/dimensions/

在這種情況下，它聽起來像你想outerHeight()。 http://api.jquery.com/outerHeight/

來源

2011-10-10 11:05:59 jbrookover

去innerHeight

此方法返回元件，包括頂部和底部填充，以像素爲單位的高度。

來源

2011-10-10 11:02:40 diEcho

'innerHeight'不包括邊框... –

手動添加（borderwidth * 2）寬度和高度（如果它是在px中） – diEcho

使用.outerHeight()。

http://api.jquery.com/outerHeight/

找該組中的匹配的元素，包括填充，邊界和任選餘量第一元件的電流計算出的高度。

來源

2011-10-10 11:03:58 thirtydot

你在找什麼是.outerHeight() - jQuery API

來源

2011-10-10 11:05:18

用jQuery獲取html元素的渲染高度

回答

相關問題