Javascript модификация изменения URL-адреса CSS для фонового изображения

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