Javascript 需要关于随机图像旋转的指南吗？

我正在努力解决如何使用id=“cover\uuu thumb”在预定义图像中随机旋转图像的所有实例

目前只有第一个id=“cover\uu thumbs”将旋转，它对具有相同id的其他图像没有影响

不会总是有4张图片，有时多，有时少。是否有一种解决方案适用于任何具有此id的图像

我正在努力解决如何使用id=“cover\uuu thumb”在预定义图像中随机旋转图像的所有实例

目前只有第一个id=“cover\uu thumbs”将旋转，它对具有相同id的其他图像没有影响

不会总是有4张图片，有时多，有时少。是否有一种解决方案适用于任何具有此id的图像

JS:

HTML是

<img id="thumb__cover" src="https://www.hdmegawallpaper.com/wp-content/uploads/2016/05/image_20160511_005430_3370.jpg" style="width:150px;">
<img id="thumb__cover" src="https://www.hdmegawallpaper.com/wp-content/uploads/2016/05/image_20160511_005430_3372.jpg" style="width:150px;">
<img id="thumb__cover" src="https://www.hdmegawallpaper.com/wp-content/uploads/2016/05/image_20160511_005430_3373.jpg" style="width:150px;">
<img id="thumb__cover" src="https://www.hdmegawallpaper.com/wp-content/uploads/2016/05/fathers-day-wallpaper-1.jpg" style="width:150px;">

---

要扩展我的上述答案：

在HTML中，每个页面的id标记应该是唯一的。当您在javascript中通过id引用某个元素时，它只希望查找一个具有该id的元素。因此，当您使用javascript对该id执行操作时，它只会对在DOM中找到的具有该id的第一个元素执行操作

var image=document.getElementById（'thumb_u_ucover'）

这只会获取第一个具有该id的图像。如果只有一个，它可以正常工作，但是如果有多个，它只会执行一次代码的其余部分

您想要使用的是
document.getElementByClassName（）
首先，您可能需要将其从
id=“thumb\uu cover”
更改为
class=“thumb\uu cover”
。如果你尝试给出相同的id，你会得到你已经看到的行为（只有第一个会做任何事情）。
<img id="thumb__cover" src="https://www.hdmegawallpaper.com/wp-content/uploads/2016/05/image_20160511_005430_3370.jpg" style="width:150px;">
<img id="thumb__cover" src="https://www.hdmegawallpaper.com/wp-content/uploads/2016/05/image_20160511_005430_3372.jpg" style="width:150px;">
<img id="thumb__cover" src="https://www.hdmegawallpaper.com/wp-content/uploads/2016/05/image_20160511_005430_3373.jpg" style="width:150px;">
<img id="thumb__cover" src="https://www.hdmegawallpaper.com/wp-content/uploads/2016/05/fathers-day-wallpaper-1.jpg" style="width:150px;">