获取元素的宽度和高度

Question

如何才能获得不属于 DOM 的元素的height和width？

例如：

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();