0

javascriptを使用して、同様のプロパティを持つ各divのランダムな画像と背景を交互にするにはどうすればよいですか? (画像プールが小さい場合は重複する可能性がありますが、すべての div が同じ画像である必要はありません)

私の場合、同じプロパティを持つ複数の div があります。

<div class="background" id="bgimg"></div>

obj1.jpg、obj2.jpg ... obj5.jpg を含むフォルダー (images/) もあります。

これまでのところ、私は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)] + ')';
            }

ただし、すべての div がランダム化された画像になるわけではありません。むしろ、最初の div だけがランダム化された画像を示しています。

各divにランダム化された画像を持たせるにはどうすればよいですか?

ありがとうございます。

4

1 に答える 1

2

document.querySelector最初の項目のみを選択します。( https://developer.mozilla.org/en-US/docs/Web/API/document.querySelector )

document.querySelectorAll( https://developer.mozilla.org/en-US/docs/Web/API/Document.querySelectorAll ) を試してから、返された各アイテムをループします。

また、他の人が言及したように、ID は一意である必要があります。同じプロパティを持つ複数の div が必要な場合は、一致するクラスを使用する必要があります。

于 2013-06-10T20:14:21.380 に答える