Javascript 用JS改变CSS图像

我一直在尝试合并一个Adblock检测器，它将在检测到Adblock时显示一个图像，在未检测到Adblock时显示另一个图像。唯一的问题是图像是由CSS显示和格式化的。那么有没有办法改变CSS通过js显示的图像呢

html:

JS:

CSS:

或者使用伪元素动态插入它：

.adblockersSuck:after {
    content:url(ImageHolderyes.png);
}

---

向元素添加一个类，并在CSS中对其进行操作。您可以设置两个类似的CSS类，并使用javascript进行切换，而不是试图更改单个CSS类的属性。我如何合并第三部分“伪元素”。好的，我已经根据js的输出显示了两个图像。唯一的问题是，当启用Adblock时，Adblock后面显示的图像是禁用图像，并且不在正确的位置。您可以在伪元素上放置任何样式，包括

位置：相对
，
z-index:1
和
顶部：-50px
。
#mainPicture .picture
{
position:relative;
width:650px;
height:325px;
top:10px;
background-image:url(../images/minibg1.png);
background-repeat:no-repeat;
margin-left:10px;
}

document.getElementById('adblockFrame').className = 'adblockersSuck';

.adblockersSuck {
    background:url(ImageHolderyes.png) no-repeat;
}

.adblockersSuck:after {
    content:url(ImageHolderyes.png);
}