javascript - 如何在 document.getElementById().style 中使用 JS 变量?

标签 javascript css

<分区>

我想让它在我重新加载页面时随机选择背景。

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>

最佳答案

我假设 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;
}

关于javascript - 如何在 document.getElementById().style 中使用 JS 变量?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50736175/

上一篇:html - Bootstrap 导航栏折叠在错误的位置打开

下一篇:jquery - 关闭 Bootstrap 模态窗口将关闭模态窗口之外的弹出窗口

相关文章:

javascript - 无法获取 div 的最后一个子元素

html - 使用 HTML CSS 创建中心对齐文本

javascript - 如何在 angularJs 中选择和取消选择一个 div/button?

css - 更改段落之间和段落内部的间距

javascript - 单击按钮不起作用时运行 javascript 脚本

javascript - 剑道网格层次结构数据不显示

javascript - 如何从 Javascript 获取 File 对象

javascript - .scroll() 只运行一次

html - 列表中的间距,似乎无法覆盖 <h3> 自动空格

javascript - html5 css3 带折射的玻璃效果