获取元素的宽度和高度

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

尽管如此小提琴所示 。

如果这对您不起作用（很可能取决于浏览器），请考虑暂时将元素添加到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();