在javascript中更改背景图像大小

Question

我一直在尝试使用基本的 CSS 在网站上放置一个重复的背景图像

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

但是，id 希望能够使用 javascript 在刷新时更改图像的大小。 CSS有这个功能

background-size: 300px;

但不幸的是，COM 样式对象没有 - 请参阅此处了解它对背景的作用。 这给我留下了一个选择：使用重复的 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%";

如果您觉得这有用，请不要忘记投票 :)

Answer 3

似乎使用：

style.backgroundSize = 300px;

代替：

style.background-size = 300px;

解决了这个问题，但我也想指出一个速记版本：

style.background = "url('url_here') repeat fixed /300px";

只需记住将背景大小保持在最后，就好像它添加在中间一样，它似乎会破裂。