Изменить размер фонового изображения в JavaScript

Question

, которые я пытался поставить повторяющееся фоновое изображение на веб-сайте, с основным CSS

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

однако, идентификатор, чтобы иметь возможность изменить размер им изображения используя при обновлении, используя 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%"; 

Если вы нашли это полезным, пожалуйста, не забывайте голосовать UP :)