Question

我尝试将Google图表对象的宽度和高度设置为容器div。要做到这一点，我需要设置一个对象属性：var options = {'width':$('#chart').width(),'height':$('#chart').height()}; 这实际上有效，但只有$ .fn.width（）返回像素值。显示元素时会发生这种情况，但如果项目不显示则会发生这种情况。由于我需要在隐藏元素时更新图表，我如何获得尺寸？这是一个小提琴，可以帮助你更好地理解我的问题（我的英语不好）：https://jsfiddle.net/Lj0daj27/

Answer 1

＆＃13;

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

＆＃13;

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

＆＃13;

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

＆＃13;

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

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

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

1 个答案: