以对象的形式动态获取宽高

• 当页面的宽度使用的是百分比时，或者父元素的宽度未设置，子元素的宽度随着父元素的宽度变化而变化，想动态获取div的宽度，使div的宽高相等，可以使用下面的方法：

• 响应式布局。

预览效果：

动态获取图片的宽或者高：
//设置图片展示的4张小图片的高度和宽度一致
// 获取对象的信息
function domDetail() {


var dom = $(".product_img_pa")[0];*7
if(dom == undefined)return false;
var nodeId = dom.id;
var nodeName = dom.name;
var t = dom.offsetTop;
var l = dom.offsetLeft;
var h = dom.offsetHeight;
var w = dom.offsetWidth;
return {
id: nodeId,
name: nodeName,
top: t,
left: l,
width: w,
height: h
}
};
var liwidth = domDetail().width;
console.log("预览图片的宽："+liwidth);
$(".product_img_pa").css("height",liwidth+"px");
// $("#pic-thumb").children("img").css("height",liwidth+"px");
console.log("预览图片的高："+domDetail().height);