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是第二圖像。

這裏是一個小提琴：http://jsfiddle.net/enve/9a32b/

Answer 2

給標籤例如像id = 「體」，那麼一個id，

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

看到this stackoverflow question