如何一个JS控制多图片大小？

Question

function GetImg()
{
var arrImgNodes = document.getElementsByTagName("IMG"); //得到所有IMG对象
var oImgNode = null;
for(var i=0 ; i<arrImgNodes.length ; i++)
{
oImgNode = arrImgNodes[i];//指定IMG对象
.........
}
}

Answer 1

<!-- 都换成name="img_x"了 -->
<img src="images/choice_img01.gif" name="img_x" > 
<img src="images/choice_img02.gif" name="img_x" > 
<img src="images/choice_img03.gif" name="img_x" > 
<img src="images/choice_img04.gif" name="img_x" > 
<img src="images/choice_img05.gif" name="img_x" > 
<script> 
window.onload=function()
{
var img_x = document.getElementsByName("img_x"); //取出所有img_x
for(var i=0;i<img_x.length ;i++ )//循环
{
var imageArr=img_x[i]; 
var W = imageArr.width; 
var H = imageArr.height; 
var rate = W/H; 
if(W>H*rate){imageArr.style.width="121px";imageArr.style.height=121/rate+"px";alert(imageArr.style.width);alert(imageArr.style.height);} 
else{imageArr.style.height="135px";imageArr.style.width=135*rate+"px";} 
}}
</script> 

Answer 2

<img src="images/choice_img01.gif" id="img0" > 
<img src="images/choice_img02.gif" id="img1" > 
<img src="images/choice_img03.gif" id="img2" > 
<img src="images/choice_img04.gif" id="img3" > 
<img src="images/choice_img05.gif" id="img4"> 
<script> 
var i=0;
while(document.getElementById("img"+i)){
var imageArr = document.getElementById("img"+i);
var W = imageArr.width; 
var H = imageArr.height; 
var rate = W/H; if(W>H*rate){imageArr.style.width="121px";imageArr.style.height=121/rate+"px";alert(imageArr.style.width);alert(imageArr.style.height);} 
else{imageArr.style.height="135px";imageArr.style.width=135*rate+"px";} 
i++;
}
</script>