javascript - Javascript：更改一个元素上两个背景图像的背景位置

Question

我的问题：我在 body 标签上有两张背景图片，一张向左浮动，一张向右浮动。左图的左内边距为 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第二个图像用于。

这是一个小提琴：http: //jsfiddle.net/enve/9a32b/

Answer 2

然后给标签一个像 id="body" 这样的 id，

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

看到这个stackoverflow问题