更改背景图片大小在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%"; 

如果你发现这个有用的，请不要忘记投票了:)