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用于第二个图像。

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

Answer 2

为标签添加id = id =“body”，然后

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

请参阅this stackoverflow question

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

2 个答案: