javascript - 通过javascript增量修改CSS背景位置

Question

虽然我有丰富的 PHP 编码经验，但我对使用 javascript 还很陌生，所以我希望这个问题不会被认为是愚蠢的。

我的目标是创建一个按钮，按下该按钮会导致定义的 DIV 对象中的背景位置将其背景位置改变一个像素。

我一直在 Google 上进行了大量搜索，尤其是在这个网站上，并按照我发现的提示进行了很多搜索，我一直在使用 javascript 函数，但我似乎无法找到一个按照我需要的方式工作。

我现在的化身是这样的:

<SCRIPT TYPE="text/javascript">
var xObject = 0; // Global

function xMinus(ele) {
    xObject-=1;
    document.getElementById(ele).css({ 'backgroundPosition': xObject + 'px ' + 0 + 'px' });
}
</SCRIPT>

目标是点击按钮(包含 onclick="javascript:xMinus('divID');")，背景应该向左移动一个像素。

但是目前当我点击它时，错误控制台给我“错误:document.getElementById(ele).css 不是一个函数”。

我尝试了几种不同的变体，但总是得到相似的结果，或者“变量未定义”。显然我不知道我在做什么。请帮忙!我正在为 friend 编写代码，不想让他们等太久。

Answer 1

如果你没有使用 jQuery，那么，

document.getElementById(ele).style.backgroundPosition = xObject + 'px ' +'0px';