2019獨角獸企業重金招聘Python工程師標準>>>

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);

轉載于:https://my.oschina.net/u/3026763/blog/784594

總結

以上是生活随笔為你收集整理的以对象的形式动态获取宽高的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。