Как узнать ширину всех изображений?

Question

[Максим]

В блоке images есть изображения.
Как узнать ширину всех изображений в этом блоке и назначить этому блоку эту ширину ?

К примеру:

<div class="item">
  <img src="http://placehold.it/100x200" alt="">
  <img src="http://placehold.it/315x80" alt="">
  <img src="http://placehold.it/150x100" alt="">
  <img src="http://placehold.it/200x150" alt="">
  <img src="http://placehold.it/70x300" alt="">
</div>

Все изображения имеют разную ширину но надо что бы блок имел ширину суммы всех изображений ?
Как это делается ...?

Answer 1

[Виктор Л]

let imgs =Array.prototype.map.call(document.images,function(img){return img.height});
console.log(imgs)

Comments

[Максим]

а как сложить их все разом ?

[Виктор Л]

Максим Ленский, console.log(imgs.reduce((a,b) => a + b, 0))

[Максим]

Виктор Л, он так показывает ширину последнего изображения а надо сумму всех изображений

[Виктор Л]

Максим Ленский, Не знаю что у Вас там показывает у меня показывает сумму

[Ярослав Иванов]

Виктор Л, константа головного мозга?

[Виктор Л]

Ярослав Иванов, Да, Вы правы