3

外部スタイルシートから背景画像を変更したい。

たとえば、外部スタイルシートの背景画像は次のとおりです。

#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

私はこれを修正しようと懸命に努力しましたが、まだ解決策が見つかりませんでした。

では、この問題を解決する方法を教えてください。

私の質問を読んでくれてありがとう

よろしく

4

1 に答える 1

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

しかし、助けがなければ、簡単な方法は見つかりません。

于 2012-11-19T13:31:21.783 に答える