Question

DIV宽度设置为百分比（如50%），如何使DIV的高度等于宽度

DIV宽度设置为百分比（如50%），如何使DIV的高度等于宽度，你先前给我的答案可以实现单个DIV，我现在需要多个DIV，程序自动生成的N个DIV（商品列表），因为DIV不能是相同的ID（同ID无效，只有第一个有效）。能用CLASS吗？如何实现多个DIV同时有效？谢谢！

Answer 1

你给每一个DIV加一个class就行了，比如说，class="DIV"，那你这样：
<script>
doSomeThing('DIV');
function doSomeThing(myClassName){
var aDiv=document.getElementsByTagName('div');
for(var i=0;i<aDiv.length;i++)
{
if(aDiv[i].className==myClassName){
aDiv[i].style.height=aDiv[i].offsetWidth+'px';
}
}
}
</script>
如果要class="TestDiv"，那就把：
doSomeThing('DIV');
改成：
doSomeThing('TestDiv');
其它的地方不用改。
大概就是这样了。

Answer 2

这个只用CSS应该是不能实现的，应该用javascript才好。
用JS获取一下DIV的宽度，之后再设置高度。

参考如下：
<script>
var divOne=document.getElementById('divOne');
divOne.style.height=divOne.offsetWidth+'px';
</script>

Answer 3

用jquery来写，每个DIV写相同的class比如class='mydiv'
var height = $(".mydiv").width();
$(".mycdiv").css("height",height );