Javascript 多个div的不同随机背景图像

Javascript 多个div的不同随机背景图像,javascript,Javascript,我如何使用javascript将背景与每个具有类似属性的div的随机图像交替使用?(并非所有div都应该是相同的图像,但如果图像池较小,则可能存在重叠) 在我的例子中,我有多个具有相同属性的div: <div class="background" id="bgimg"></div> 然而,并不是所有的div最终都是随机图像。相反,只有第一个div显示随机图像 我如何让每个div都有一个随机图像 感谢使用advanced。文档。querySelector仅选择第一项。()

我如何使用javascript将背景与每个具有类似属性的div的随机图像交替使用?(并非所有div都应该是相同的图像,但如果图像池较小,则可能存在重叠)


在我的例子中,我有多个具有相同属性的div:

<div class="background" id="bgimg"></div>
然而,并不是所有的div最终都是随机图像。相反,只有第一个div显示随机图像

我如何让每个div都有一个随机图像


感谢使用advanced。

文档。querySelector
仅选择第一项。()

请尝试
document.querySelectorAll
(),然后遍历返回的每个项目


另外,正如其他人提到的,ID应该是唯一的。如果希望多个div具有相同的属性,则应使用匹配的类。

相同的属性?你是说他们有相同的身份证?这可能就是为什么它只适用于第一个..“我有多个具有相同属性的div”这是否意味着你的所有div都具有相同的ID?在类中搜索而不是idRandomize图像数组的顺序,然后按照图像数组的顺序分配div。我的每个div看起来都像
我应该捕捉到我应该在类中搜索。然而,尽管改为搜索。背景,没有图像弹出。我想你解决了我的问题!我在javascript方面没有太多背景知识,所以感谢您指出我的错误和解释。
function bckg(){
            var images = ['obj1.jpg', 'obj2.jpg', 'obj3.jpg', 'obj4.jpg', 'obj5.jpg'];
            var div = document.querySelector('#bgimg');
            div.style.backgroundImage = 'url(images/' + images[Math.floor(Math.random() * images.length)] + ')';
            }