獲取元素的寬度和高度

Question

我怎樣才能得到height和width元素不是DOM的一部分呢？

例如：

var t = $('<div style="position:absolute;height:100px;width:100px;background-color:steelblue;" >lalala</div>'); 

var height = t.height(); // height is 0! 

Answer 1

工作對我來說也是如此。您可以嘗試

var height = t.innerHeight(); 

雖然如this fiddle中所示。

如果不適合你（以及可能取決於瀏覽器），考慮暫時添加元素的DOM：

var t = $('<div style="position:absolute;height:100px;width:100px;background- color:steelblue;" >lalala</div>').hide().appendTo('body'); 
var height = t.height(); 
t = t.detach().show();