Вытащить из div картинки
 

Всем привет
Допустим есть 2 дива с одним id в каждом диве картинки с разными width
Так вот задача получить из каждого div ширину img
Кто подскажет как можно сделать??? Пробывал через each но не знаю как обратится оттуда к картинке выбраного div'a

<div class="box" id="box">
   <img width="220"/>
</div>
<div class="box" id="box">
   <img width="230"/>
</div>

Одинаковые ID недопустимы.

var images = document.querySelectorAll('.box img');
[].forEach.call(images, function(self) {
    alert( self.width );
});

<div class="box" id="box">
  <img width="220" />
</div>
<div class="box" id="box">
  <img width="230" />
</div>
<script>
  window.onload = function () {
    var allImg = document.querySelectorAll('div.box img');
    for (var i = 0; i < allImg.length; i++) {
      alert(allImg[i].getAttribute('width'));
    }
  }
</script>

два одинаковых id - неправильно