获取隐藏div内图像的高度

2023-11-21

我想获取隐藏的 div 容器内图像的高度/宽度,但是.height() and .width()两者都返回 0(如预期)。


$('body').append('<div id="init"><img id="myimg" src="someimage.png" /></div>');
$('#init').hide();
$('#myimg').height(); // == 0
$('#myimg').width(); // == 0

如何获得图像的正确高度/宽度?我需要它来做出一些决定:-)

此致, 比吉


我刚刚遇到了这个问题的解决方案,你要做的就是不要依赖 jQuery 来为你做这件事。相反,获取 javascript 元素并获取元素本身的高度,如下所示:

var img = hiddenDiv.children('img');

var imgHeight = img.get(0).height;
var imgWidth = img.get(0).width;

jQuery 方法get(0)允许我们获取底层 DOM 元素,有趣的是,DOM 元素尺寸不会改变。

但需要注意的是,出于性能原因,您需要缓存img.get(0)如果您打算更多地使用它。

jQuery 获取方法文档

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

获取隐藏div内图像的高度 的相关文章

随机推荐