javascript - 将随机图像从数组加载到CSS背景

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

我正在尝试查看是否可以使它执行相同的操作，但是要对css文件中id元素中的背景图像执行此操作。我有萤火虫，它没有给我任何错误消息，但也没有用。

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];
}

最佳答案

您几乎正确。

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] + ")";
}