如何获取动态加载的元素大小?

Delta_ops 2011-08-27 11:46:53
用jQuery创建的<img>元素没法获取高度和宽度,通过width()和height()获取的值为0
...全文
164 5 打赏 收藏 转发到动态 举报
写回复
用AI写文章
5 条回复
切换为时间正序
请发表友善的回复…
发表回复
ZXY900213 2011-08-27
  • 打赏
  • 举报
回复
<img src="1.jpg" id="imgId" />


var img = new Image();
img.src = $("#imgId").attr("src");
if (img.complete) {
alert("宽度:" + img.widht + ",高度:" + img.height);
} else {
img.onload = function() {
alert("宽度:" + this.width + ",高度:" + this.height);
}
}
BLUE_LG 2011-08-27
  • 打赏
  • 举报
回复
的确width和height是0,可能只有在style里定义的height和width才能被取到。。。
BLUE_LG 2011-08-27
  • 打赏
  • 举报
回复

<script>
var pic=document.createElement("img");
pic.src="a.jpg";
document.body.appendChild(pic);
alert(pic.offsetHeight);
</script>
Atai-Lu 2011-08-27
  • 打赏
  • 举报
回复
有没有放到页面上了?
Delta_ops 2011-08-27
  • 打赏
  • 举报
回复
谢谢几位!原来是img没有加载完。

87,990

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧