javascript - 如何获取 HTML 元素的原始高度？

Question

我有一个 div:

<div id="div" style="height:150px; border:solid thin blue;"></div>

有没有办法检索原始 div 高度？ div 是可调整大小的，因此用户可能在我的代码加载之前调整了它的大小。
注意:我的代码是一个 jQuery 插件，所以我不知道在我的插件被调用之前元素发生了什么(所以请不要告诉我在元素数据中存储高度......)

jqFiddle在此演示中，我想在调整 div 大小后获得 150。
任何帮助将不胜感激!

Answer 1

不，因为 resizable() 方法覆盖了内联样式 height 值。

您需要将其存储在其他地方。

例如，在使 div 可调整大小之前:

var originalHeight = $('#div').height();
$('#div').resizable();

$('#cmd').button().click(function(){
    alert(originalHeight);
});