Javascript:更改一个元素上两个背景图像的backgroundPosition

Question

我的问题: 我在正文标签上有两张背景图片，一张向左浮动，一张向右浮动。左图的左内边距为 50px，右图的右内边距为 50px。我需要通过 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 用于第二个图像。

这是一个 fiddle :http://jsfiddle.net/enve/9a32b/