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

【问题标题】：Javascript: Change backgroundPosition for two background images on one elementJavascript：更改一个元素上两个背景图像的背景位置
【发布时间】：2013-07-01 20:27:27
【问题描述】：

我的问题：我在身体标签上有两张背景图片，一张向左浮动，一张向右浮动。左图的左内边距为 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;
}

【问题讨论】：

标签： javascript css

【解决方案1】：

使用这个

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

第一个150px 0 用于左侧图像，100px 0 用于第二个图像。

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

【讨论】：

这行得通，我应该知道只使用逗号。也许我今天喝了太多咖啡。 :) 谢谢！

【解决方案2】：

然后给标签一个id，比如id="body"，

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

见this stackoverflow question

【讨论】：