javascript - 获取未显示元素的子元素的宽度/高度

Question

我正在尝试将谷歌图表对象的宽度和高度设置为容器 div。为此，我只需要设置一个对象属性:var options = {'width':$('#chart').width(),'height':$('#chart').height() };这实际上有效，但前提是 $.fn.width() 返回像素值。当显示元素时会发生这种情况，但如果不显示该元素则不会。由于我需要在隐藏元素时更新图表，我怎样才能获得尺寸？这是一个 fiddle ，可以帮助您更好地理解我的问题(我的英语不好):https://jsfiddle.net/Lj0daj27/

Answer 1

document.getElementById('answer').innerHTML = document.getElementById('element').scrollHeight + "px tall!";

#element {
  height: 200px;
  width: 250px;
  padding: 20px;
  background: blue;
  text-align: center;
  color: white;
  opacity: 0;
}

<div id="element">
  This is my element!  
</div>

<div id="answer">
    
</div>

我可能会考虑使用 scrollHeight 和 scrollWidth 属性来获取这些尺寸。它也应该适用于隐藏元素。

http://www.w3schools.com/jsref/prop_element_scrollheight.asp