背景图像CSS类url更改的Javascript修改

我正试图根据数据库中的设置更改背景图像，因为现在我只是想找到一种方法，在不使用数据库的情况下简单地修改所使用的图像，但我遇到了一个障碍。没有javascript，图像看起来很好，而有了javascript，图像就不存在了；这让我相信，找到写入css的路径是一个问题

提前感谢您的帮助

<script type="text/javascript" language="javascript">
    function changecss(myclass, element) {
        var CSSRules
        var link1 = "url('../../graphics/MainMenuBG0.gif')";
        var link2 = "url('../../graphics/MainMenuBG1.gif')";
        if (document.all) {
            CSSRules = 'rules';
        }
        else if (document.getElementById) {
            CSSRules = 'cssRules';
        }
        for (var i = 0; i < document.styleSheets[0][CSSRules].length; i++) {
            if (document.styleSheets[0][CSSRules][i].selectorText == myclass) {
                if (document.styleSheets[0][CSSRules][i].style[element] == link1) {
                    document.styleSheets[0][CSSRules][i].style[element] = link2;
                } else {
                    document.styleSheets[0][CSSRules][i].style[element] = link1;
                }
            }
        }
    }
</script>

函数更改CSS（myclass，元素）{
var CSSRules
var link1=“url（'../../graphics/MainMenuBG0.gif'）”；
var link2=“url（'../../graphics/MainMenuBG1.gif'）”；
如果（全部文件）{
CSSRules=‘规则’；
}
else if（document.getElementById）{
CSSRules=‘CSSRules’；
}
对于（var i=0；i

您应该尝试以下方法：

if (document.styleSheets[0][CSSRules][i].style.getProperty('background-image') == link1) {
    document.styleSheets[0][CSSRules][i].style.setProperty('background-image', link2);
} else {
    document.styleSheets[0][CSSRules][i].style.setProperty('background-image', link1);
}

---

如果您想让您的问题得到更高的回答概率，我建议您使用jsfiddle.net或类似的工具组合一个工作示例？