如何获取具有显示的父元素的元素的高度：无？

Question

我怎样才能得到具有display: none的父元素的元素的高度？

这里的一个例子：jsfiddle.net

感谢

卢卡斯

Answer 1

暂时show()荷兰国际集团检索孩子的身高元素似乎工作确定。

HTML：

<div id="target" style="display:none;"> 
    <!-- Add a background color to see if it's noticeable --> 
    <div style="height:123px; background:#000;"></div> 
</div> 

JS：

// Show the hidden parent of the element we want the height of 
$("#target").show(0, function(){ 
    // Find and grab the height of the element we want 
    the_height = $(this).find("div").height(); 
// Hide parent and display child's height after it 
}).hide().after(the_height); 

演示：jsfiddle.net/Gts6A/72

Answer 2

it's very difficult(in other word you can't)获取隐藏元素的高度...因为dom doesn't consider hidden elements while rendering the page。

Answer 3

隐藏的元素具有未定义的宽度和高度，因此无法获取它们。

Answer 4

你可以这样做，或者你可以使用这个question的破解。

$("#target").parent().show(); 
var h = $("#target").height(); 
$("#target").parent().hide(); 
alert(h); 

参见fiddle。

Answer 5

要么你应该显示div或不可能获得隐藏元素的高度。我会说，使用.show（）来显示div，获得高度，然后使用.hide（）来再次隐藏它。

Answer 6

这是有点klunky，但你必须有一个对象之前，它可以呈现被测量。

var $target = $("#target"); 

$target[0].parentNode.runtimeStyle.display = "block"; 
var height = $target.height(); 
$target[0].parentNode.runtimeStyle.display = "none"; 
alert(height);