如何使用javascript更改外部样式表中的背景图像？

Question

我想从外部样式表中更改背景图片。

例如在外部样式表背景图片中是：

#nav
  {
   background-image:url(../images/nav.png);
  }

现在我想在运行时通过javascript更改它，如：

#nav
  {
   background-image:url(../images/newImg.png);
  }

我可以使用此javascript代码成功更改此图片：

 eval('theRule.style.backgroundImage="../images/newImg.png"');

---

但问题是：结果如下：

#nav
  {
   background-image:url(http//localhost/project/images/newImg.png);
  }

我不需要 http // localhost / project / 等......

我只需要 ../ images / newImg.png

我努力解决这个问题，但我还没有找到任何解决方案。

那么请指导我如何解决这个问题？

感谢您阅读我的问题

此致

Answer 1

尝试。

rule.style.setProperty("background-image", "../images/newImg.png", "");
rule.style.cssText = rule.style.cssText.replace("../images/nav.png", "../images/newImg.png"); //Replace all images

但如果没有帮助，那就找不到简单的方法了。