Question

js如何取出<div>标签子级的所有<img>的宽度？

例如取出以下的所有img的宽度。
<div id="img">
<img src="pic1.jpg" />
<img src="pic2.jpg" />
<img src="pic3.jpg" />
<img src="pic4.jpg" />
</div>

Answer 1

测试可以

<script type="text/javascript">

function vbig(){
var ss=document.getElementById("ss");
var imgs=ss.getElementsByTagName("img");

for(var i=0;i<imgs.length;i++){
alert('W:'+imgs[i].width + 'H:'+imgs[i].height);
}
}
</script>

</body>
<div id="ss">
<img src="新建文件夹/images/3.jpg" />
<img src="新建文件夹/images/01.png" />
<img src="新建文件夹/images/main_17.jpg" />
<img src="新建文件夹/images/s4.jpg" />
</div>
<input type="button" value="变大" onclick="vbig()" />

Answer 2

下面是代码，测试通过 <div style="width:100000px;" id="pal"> <img src="images/2009021121575533977.jpg" width="486" height="348" /> <img src="images/20090...

Answer 3

var list=document.getElementById("img").getElementsByTagName("img");
for (var i = 0; i < list.length; i++) {
var img=list[i];
alert("宽："+img.clientWidth+"，高："+img.clientHeight);
}
图片必须加载完成