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

Question

我是一个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]; 
} 

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