Как задать каждой картинке идентификатор с именем как ее атрибут альт?

Question

[LoveCodeandCoffe]

вот например у меня есть

<div class="img_container">
			<img src="path/img.img" alt="slide1">
			<img src="path/img2.img" alt="slide2">
			<img src="path/img3.img" alt="slide3">
			<img src="path/img4.img" alt="slide4">
			<img src="path/im5.img" alt="slide5">
			</div>

Как каждой из этих картинок добавить id c именем таким же как их альт атребут

Answer 1

[DevMan]

https://jsfiddle.net/c81vLwdz/

Answer 2

[tyzberd]

https://codepen.io/tyzberd/pen/NEKPbe

Answer 3

[Даниил Попов]

document.querySelector(".img_container").querySelectorAll("img").forEach(function(img){
  img.id = img.getAttribute("alt");
})