在url標記中的圖像位置在javascript中

Question

我有一個變量，我在其中動態地填充圖像位置。

我需要使用該變量更改背景圖像。我無法找到辦法做到這一點。

var myImg = '/images/example1.jpg'; 

document.body.style.background = "url(myImg) no-repeat"; 

這似乎不起作用。

是否有語法問題或應該以不同的方式完成？

Answer 1

myImg是字符串中的文字詞。使用級聯使用的變量：

document.body.style.background = "url(" + myImg + ") no-repeat"; 

Answer 2

我喜歡這樣

VAR bodyStyle = document.body.style;

bodyStyle.backgroundImage ='url（'+ yourImage +'）';

bodyStyle.backgroundRepeat = '不重複'