我试图设置谷歌图表对象的宽度和高度作为容器div。要做到这一点,我需要设置一个对象属性:var options = {'width':$('#chart').width(),'height':$('#chart').height()};
这实际上工作,但只有当$ .fn.width()返回像素值。当元素被显示时会发生这种情况,但如果物品不是这样的话,则会发生这种情况由于我需要在元素隐藏时更新图表,我如何获得维度? 这是一个小提琴,帮助你更好地理解我的问题(我的英语不好没有):https://jsfiddle.net/Lj0daj27/获取未显示元素的子元素的宽度/高度
0
A
回答
0
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
+0
我试过scrollWidth,但它返回0元素不显示时... –
+0
如果您使用'display:none'来隐藏元素,我不相信有一种方法可以找到它的尺寸。我建议通过'opacity'隐藏元素,或者以某种方式简单地显示元素,以便存储它的尺寸。这真的取决于你的元素的上下文。 –
相关问题
- 1. 获取元素的宽度和高度
- 2. Javascript:获取子元素的宽度
- 3. 获取元素高度
- 4. webkit - html元素的宽度和高度
- 5. 将元素的高度设置为%高度的元素高度
- 6. 获取画布元素的正确宽度和高度
- 7. JavaScript/JQuery函数获取HTML元素的原始高度/宽度
- 8. 如何获取具有显示的父元素的元素的高度:无?
- 9. 如何获取未设置宽度和高度的img元素的宽度和高度?
- 10. CSS:宽度为“inline”的显示元素
- 11. 获得元素的高度
- 12. 获取DOM元素的宽度?
- 13. 获取元素的实时宽度
- 14. Javascript:获取img元素的宽度
- 15. 获取此元素的HTML元素的宽度
- 16. CSS更改元素高度和宽度
- 17. jQuery - 当不可见时获取元素的宽度(显示:无)
- 18. 获取ui-view中元素的高度
- 19. 获取元素的总高度?
- 20. 获取儿童元素的高度
- 21. 获取元素的完整高度?
- 22. 获取元素高度的问题
- 23. 获取前一个元素的高度
- 24. 获取HTML元素的高度jQuery
- 25. AngularJS - 无法获取元素的高度
- 26. 元素高度
- 27. 获取自动宽度元素的宽度
- 28. While循环获取元素宽度
- 29. 一个元素的动态宽度取决于元素的宽度
- 30. 元素在IE6中获得高度100%的宽度
[类似的案件(http://stackoverflow.com/questions/1472303/jquery-get-width-of-element-when-not-visible-display-none) – user2970115
你的英语完全是精细。 –
@ user2970115我知道这种方法,但我的情况不同,因为我想知道其宽度的元素是隐藏元素的子元素,而不是隐藏自身。如果我想这样做,我应该设置隐藏和显示的可见性以阻止,但这对用户来说是可见的(对于很少的时间),因为我下面有很多内容。相反,我想这样做,保持内容不显示 –