Question

相关网页： http://www.reddit.com/r/pcmasterrace

我想在#header中更改此图片

http://a.thumbs.redditmedia.com/Qe0ePtRsgau_YfN8wmTL67xCd8Y3y1YVcMDk8pdzai0.png

到这个新图像

http://i.imgur.com/htDLyzu.png

有没有办法通过在控制台面板中粘贴代码来实现？（客户端）

我试过了：

var header = document.getElementById("header");
header.style.backgroundImage = 'url(http://i.imgur.com/htDLyzu.png)  no-repeat!important';

Answer 1

您可以使用此代码，该代码依赖于jQuery（Reddit允许）：

$("#header").attr('style', 'background: url(http://i.imgur.com/htDLyzu.png) no-repeat !important');

或者在JavaScript中（不需要jQuery）：

var header = document.getElementById("header");
header.setAttribute('style', 'background:url(http://i.imgur.com/htDLyzu.png) no-repeat !important');

Answer 2

我在我的网站上使用一个BG切换器的脚本，这个（报废到基本的）工作

   document.addEventListener("DOMContentLoaded", function(event) { 

    var bgSrc1 = "http://urlpic1.jpg";
    var bgSrc2 = "http://urlpic2.jpg";
    var bgElem = document.getElementById('showcase-row');
    var num = getRandomArbitrary(0,1);

    function getRandomArbitrary(min, max) {
      return Math.random() * (max - min) + min;
    }
    if(num >= 0.5){
        bgElem.style.backgroundImage = "url('" + bgSrc1 + "')";
        bgElem.style.backgroundPosition = "0 -80px";
    }else{
        bgElem.style.backgroundImage = "url('" + bgSrc2 + "')";
    }
});

如你所见，唯一的区别是＆＃34; ＆＃34;和＆＃39; ＆＃39;

使用javascript更改背景图片

2 个答案: