Javascript: изменить backgroundPosition для двух фоновых изображений на один элемент

Question

Моя проблема: У меня есть два фоновых изображения на теге тела, один плавающий слева и один справа. Левое изображение имеет левое заполнение 50 пикселей, а правое изображение имеет правильное заполнение 50 пикселей. Мне нужно изменить левое заполнение для левого изображения и правое заполнение для правильного изображения с помощью javascript (а не jquery).

Благодарим за помощь! :)

#body{ 
     background:url('http://www.w3schools.com/css/w3css.gif') no-repeat 50px 0px, 
     url('http://www.w3schools.com/css/w3css.gif') no-repeat top right 50px; 
} 

Answer 1

Используйте этот

document.getElementById('body').style.backgroundPosition = '150px 0, 100px 0'; 

Первый 150px 0 для левого изображения и 100px 0 для второго изображения.

Вот скрипка: http://jsfiddle.net/enve/9a32b/

Answer 2

Дайте тег идентификатор как идентификатор = "тело", а затем,

document.getElementById("body").style["padding-left"] = "50px"; document.getElementById("body").style["padding-right"] = "50px";

см this stackoverflow question