javascript - 从数组中加载随机图像到 css 背景

Question

我是一个js新手。我一直在寻找这个特定问题的答案，但还没有在这个论坛或其他地方找到答案，如果它在这里而我错过了它，我很抱歉。我有一个脚本，用于在页面加载时将随机图像从数组加载到直接放置在 html 中的 id 元素。

我正在尝试看看是否可以让它做同样的事情，但它是针对 css 文件中 id 元素中的背景图像做的。我有 Firebug ，它没有给我任何错误消息，但它也不起作用。

window. onload = choosePic;

var myPix = new
Array("images/image1.gif", "images/image2.gif");

function choosePic() {
    randomNum = Math.floor((Math.random() * myPix.length));
    document.getElementById("headerAnimation").style.backgroundImage.src = myPix[randomNum];
}

Answer 1

你几乎是对的。

window.onload = choosePic;

var myPix = new Array("images/image1.gif", "images/image2.gif");

function choosePic() {
    var randomNum = Math.floor((Math.random() * myPix.length));
    document.getElementById("headerAnimation").style.backgroundImage =
        "url(" + myPix[randomNum] + ")";
}