CSS类URL的Javascript修改为背景图像更改

时间:2013-05-31 22:05:56

标签: javascript html css user-interface

我正在尝试根据数据库中的设置来更改背景图像,因为现在我只想尝试简单地修改使用的图像而不使用数据库但是我正在尝试障碍。没有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>

1 个答案:

答案 0 :(得分:0)

你应该尝试这样的事情:

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