如何获取div元素的宽度和高度?
例如,
<div style="width:100px;height:100px;overflow:hidden; float:left; margin:0px 0px 5px 0px; border:1px solid #000;">
<img src="daisy_03_20110712163828_extra.jpg" alt="daisy_03_20110712163828_extra.jpg" width="800" height="589" id="preview"/>
</div>
我尝试过这种方法
var previewwidth = $("#preview").css('width');
var previewheight = $("#preview").css('height');
但是我得到的是
800px
,它是图像的宽度!我实际上想将
100
作为number
。 最佳答案
您正在使用$("#preview")
来返回img,因为img标签是带有id="preview"
的标签
第一种选择:
$("#preview").parent().css('width');
第二,更好的选择:
给div一个ID,说“ foofoo”:
<div id="foodoo">...</div>
$("#foofoo").css('width');
要使其成为
parseInt()
中的整数,请执行以下操作:parseInt($("#foofoo").css('width'));