Javascript-每个用户的随机图像

我想为每个没有化身的用户制作一个随机图像。但问题是随机图像只适用于第一个用户

我使用gambar1.png作为第一个默认图像，然后当页面刷新时，它将变成不同的随机图像

我的看法是：

    <img src="<?php echo base_url()?>image/gambar1.png" class="img-thumbnail" id="defatar"/> user 1
    <img src="<?php echo base_url()?>image/gambar1.png" class="img-thumbnail" id="defatar"/> user 2

image/gambar1.png“class=“img缩略图”id=“defatar”/>用户1
image/gambar1.png“class=“img缩略图”id=“defatar”/>用户2

这是javascript：

<script type="text/javascript">
        var ErrorImages = new Array();
        ErrorImages[0] = "<?php echo base_url()?>image/gambar1.png";
        ErrorImages[1] = "<?php echo base_url()?>image/gambar2.png";
        ErrorImages[2] = "<?php echo base_url()?>image/gambar3.png";
        document.getElementById("defatar").src = ErrorImages[Math.floor(Math.random()*ErrorImages.length)];
    </script>

var ErrorImages=新数组（）；
ErrorImages[0]=“image/gambar1.png”；
ErrorImages[1]=“image/gambar2.png”；
ErrorImages[2]=“image/gambar3.png”；
document.getElementById（“defatar”）.src=ErrorImages[Math.floor（Math.random（）*ErrorImages.length）]；

随机图像适用于用户1，但不适用于用户2

---

有任何答案吗？

ID

对于页面必须是唯一的，不能对多个元素使用一个

ID

，相反

ID

可以使用

class

，如下所示

PHP视图

<img src="<?php echo base_url()?>image/gambar1.png" class="img-thumbnail defatar" /> user 1
<img src="<?php echo base_url()?>image/gambar1.png" class="img-thumbnail defatar" /> user 2

image/gambar1.png“class=”img-thumbnail-defatar“/>用户1
image/gambar1.png“class=”img-thumbnail-defatar“/>用户2

JS

var ErrorImages=[]；
ErrorImages[0]=“image/gambar1.png”；
ErrorImages[1]=“image/gambar2.png”；
ErrorImages[2]=“image/gambar3.png”；
var ErrorImagesLength=ErrorImages.length，
images=document.querySelectorAll（'.defatar'），
len=图像长度，
我
对于（i=0；i

---

页的ID必须只有一个。请使用循环。将id设置为'defatar1'，'defatar2'。。。然后在选择器中输入类似“document.getElementById（“defatar”+loopindex）”的内容

var ErrorImages = [];

ErrorImages[0] = "image/gambar1.png";
ErrorImages[1] = "image/gambar2.png";
ErrorImages[2] = "image/gambar3.png";

var ErrorImagesLength = ErrorImages.length, 
    images = document.querySelectorAll('.defatar'),
    len    = images.length, 
    i;

for (i = 0; i < len; i++) {
  images[i].setAttribute('src', ErrorImages[Math.floor(Math.random()*ErrorImagesLength)]);
}