Javascript 将随机图像从数组加载到css背景

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

---

你说得差不多对

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

---

删除

.src

，如中所示，它应该是

.style.backgroundImage=“url（'http://image.com/example.png“）”

嘿，这很管用！非常感谢你！因此，backgroundImage等于“url（带有一些参数）”。我认为我看待它的方式中的一个问题是我想更改css属性，但javascript实际上覆盖了该属性。再次感谢你。好吧，你也认为它比它更细粒度。有

style.background

和

style.backgroundImage

，因为有CSS属性

background

和

background image

。但是您试图访问的

style.backgroundImage.src

是不存在的（CSS中没有

background image.src

属性。）请记住，您设置的是CSS属性，不多也不少。这意味着您需要记住

url（）

或

px

或者如果您正在编写.CSS文件，CSS中会出现的任何内容。太棒了！我会再试着玩一玩。希望通过实践它会变得更加清晰。再次感谢！