html笔记——设置动态宽度的div为正方形

html笔记——设置动态宽度div为正方形

因为某些需求，需要设置一个动态宽度的div，同时还要把这个div设置为正方形。。。直接设置css是比较困难的。。所以通过js来实现，代码如下

window.onload = function(){
//获取div的宽度，设置div正方形
var width1=document.getElementById("headerimg").offsetWidth;
$("#headerimg").css("height",width1);
}

代码不难，第一句 获取div的宽度，取得的值是像素，第二句设置高度。