如何获取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'));

07-28 02:14
查看更多