如何使用 JavaScript 以编程方式更改图像的 SRC 值

Question

这些图像没有唯一的ids ，也没有唯一的classes 。 如何更改图像数组中每个元素的src值。

<img src="img1.jpg" />
<img src="img2.jpg" />
<img src="img3.jpg" />
<img src="img4.jpg" />

var images = ['img11.jpg', 'img22.jpg','img33.jpg','img44.jpg'];

Answer 1

forEach的第二个参数是当前迭代项的索引。

使用querySelectorAll获取图像元素，然后使用forEach迭代它们，使用数组中适当索引处的元素更新每个图像的src属性。

 const arr = ['img11.jpg', 'img22.jpg','img33.jpg','img44.jpg']; const images = document.querySelectorAll('img'); images.forEach((image, index) => image.src = arr[index]);

 <img src="img1.jpg" /> <img src="img2.jpg" /> <img src="img3.jpg" /> <img src="img4.jpg" />