yalnız getElementByTagName kullanınca sayfadaki tüm img lere aynı anda işlem yapamıyor bildiğim kadarıyla kodu deneyincede çalışmadığını görürsün.
getElementByTagName img leri bi array içine atar. arraydan çıkararak işlem yapabilirsin.
<script>
function resimleriBoyutlandir() {
var Resim,i;
Resim=document.getElementsByTagName('img');
for(i in Resim)
{
if (Resim[i].width > 4) {
Resim[i].width=4;
}
}
}
</script>
bu fonksiyonu body içinden çağırmalısın yani şöyle <body onload="resimleriBoyutlandir();"> şeklinde yoksa fonksiyonsuz olursa sayfa yüklenmeden sayfada img olduğunu göremez kodlar.
getElementsById kullanmak daha mantıklı bana göre eğer sayfanda aşırı resim kullanıyorsan bir kaç resmi boyutlandırmak için bir çok resmi bu fonksiyondan geçireceksin ki bu da browser ı yorar.