以對象的形式動態獲取寬高

1. 當頁面的寬度使用的是百分比時，或者父元素的寬度未設置，子元素的寬度隨着父元素的寬度變化而變化，想動態獲取div的寬度，使div的寬高相等，可使用下面的方法：

2.響應式佈局。

預覽效果：

動態獲取圖片的寬或者高：
//設置圖片展現的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);