Javascript 获取jQuery创建的元素'；s高度

当我创建这样的元素时：

var a = $('<div></div>').text('foo');
var b = $('<div></div>').css('margin-bottom', '16px').text('bar');

console.log(a.height());      // Returns 0.
console.log(a.innerHeight()); // Returns 0.
console.log(a.outerHeight()); // Returns 0.

console.log(b.height());      // Returns 0.
console.log(b.innerHeight()); // Returns 0.
console.log(b.outerHeight()); // Returns 0.

var a=$（''）.text（'foo'）；
var b=$（''）.css（'margin-bottom'，'16px'）。text（'bar'）；
console.log（a.height（））；//返回0。
console.log（a.innerHeight（））；//返回0。
console.log（a.outerHeight（））；//返回0。
console.log（b.height（））；//返回0。
console.log（b.innerHeight（））；//返回0。
console.log（b.outerHeight（））；//返回0。

那么，在将它们附加到DOM之前，如何获取它们的当前高度？

您不能

除非元素是DOM的一部分，否则无法获取其高度。作为一种解决方法，您可以附加元素并将其设置为远离屏幕，例如

left:-9999px

，然后在将其移动到所需位置或移除之前获取其尺寸