更改背景圖片大小在JavaScript

Question

我一直在試圖把一個網站上重複的背景圖像，與基本的CSS

background-image: url('url_here'); 
background-attachment: fixed; 
background-repeat: repeat; 

然而，ID希望能夠改變圖像IM的大小使用刷新，使用JavaScript。 CSS具有的功能

background-size: 300px; 

但遺憾的是COM樣式對象犯規 - 看here東西它可以爲背景做。這給我留下了一個選擇：使用重複自身的HTML圖像，然後我可以使用COM樣式對象進行編輯。

因此，下來，我的問題是：有沒有辦法重複一個HTML圖像不是背景圖片？任何幫助都非常感謝。

Answer 1

其實，你可以影響背景大小的JavaScript像這樣：

document.getElementById("el_id").style.backgroundSize = "100px 100px"; 

看看這個小提琴：http://jsfiddle.net/Lph2W/。 CSS將背景圖像大小設置爲200px X 200px，然後JS將其更新爲100px X 100px。

Answer 2

這對我有用，我希望這可以幫助別人。

var el = document.getElementById("notification"); 
el.style.background = 'url(images/Noti.png) no-repeat center center'; 
el.style.backgroundSize="100% 100%"; 

如果你發現這個有用的，請不要忘記投票了:)