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

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

• 响应式布局。

预览效果：

动态获取图片的宽或者高：//设置图片展示的4张小图片的高度和宽度一致// 获取对象的信息function domDetail() {var dom = $(".product_img_pa")[0];*7if(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);