javascript - JS 函数中的 CSS 样式

Question

我有以下 HTML 和 Javascript 代码。底部显示的 Randomize() 函数包含在一个 div 中，该 div 应用了特定的主题。

div id="themeing">
     <script type="text/javascript">Randomize()</script>
</div>

function Randomize() {
    var images = new Array("images/banner/banner1.jpg","images/banner/banner2.jpg","images/banner/banner3.jpg","images/banner/banner4.jpg");
    var imageNum = Math.floor(Math.random() * images.length);
    document.getElementById("header").style.backgroundImage = "url('" + images[imageNum] + "')";
}

window.onload = Randomize;

此功能允许我在页面加载时旋转网站横幅中的图像。 现在该功能可以使用，但是 CSS 应用于 id="themeing" 的样式不适用于 Javascript 输出的图像。

如何使 Randomize() 的输出得到适当的样式？

Answer 1

如果您在谈论 HTML，我不确定，但可以通过设置另外两个属性将图像设置为覆盖整个背景:

background-repeat: no-repeat; //in case you don't want repetition of image.
 background-size: cover;

希望对您有所帮助。