Javascript 修改 CSS 类 url 更改背景图片

Question

我正在尝试根据数据库中的设置来更改背景图像，现在我只是想获得一种在不使用数据库的情况下简单地修改使用的图像的方法，但我遇到了障碍。没有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>

Answer 1

你应该试试这样的：

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);
}