当前位置：首页 → 问答吧 → jquery 获得图片的宽高问题

jquery 获得图片的宽高问题

时间：2010-02-03

来源：互联网

var picH=$('#tsphoto img').height()
var picW=$('#tsphoto img').width()
alert(picH+' ; '+picW)

为何IE不支持呢

其它内核浏览如FF都支持

我的图片是动态写入的。页面载入是没有这个DOM的

[ 此帖被mslove在2010-02-03 17:34重新编辑 ]

作者: mslove 发布时间: 2010-02-03

试了一下可以的，当然在你执行height(),width()的时候只要保证这图片已经加载好了就可以了的

复制代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.1.min.js" ></script>
</head>
<body>
<a href="javascript:alert($('#img1').height());" >111</a>
<a href="javascript:alert($('#img2').height());" >222</a>
<a href="#" id='test'>产生第三张</a>
<a href="javascript:alert($('#img3').height());" >333</a>
<img src="index.jpg" id="img1" />
<script type="text/javascript">
//<![CDATA[
$(document).ready(function(){
$(document.body).append('<img src="index.jpg" id="img2" />');
$('#test').click(function(){
$(document.body).append('<img src="index.jpg" id="img3" />');
$(this).remove();
});
});
//]]>
</script>
</body>
</html>