Question

我想这样做，当我重新加载页面时，背景随机选择。

function switchBG(urlThing) {
        document.getElementById("bg-img").style.display="block";
        document.getElementById("bg-img").style.backgroundImage="url(urlThing)";
    }

    var n = Math.floor((Math.random() * 2) + 1);

    if (n == 1) {
        switchBG('back1.jpg');
    }
    else if (n == 2) {
        switchBG('back2.jpg')
    }

我试过了，但什么都没发生。

编辑：这是div。这是标签下的第一件事。

<div id="bg-img"></div>

Answer 1

你需要像这样连接变量：

document.getElementById("bg-img").style.backgroundImage="url(" + urlThing + ")";

Answer 2

我假设bg-img是<img>标签。这就是你如何做到的

function switchBG(urlThing) {
    document.getElementById("bg-img").style.display="block";
    var loc = window.location.pathname;
    var dir = loc.substring(0, loc.lastIndexOf('/'));
    document.getElementById("bg-img").src=dir + urlThing;
}

如何在document.getElementById（）。style中使用JS变量？

2 个答案: