0

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

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

我一直在谷歌以及这个网站上进行大量搜索，并遵循我发现的提示，我一直在使用 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 不是函数”。

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

4

2 回答 2

3

如果您不使用 jQuery，那么，

document.getElementById(ele).style.backgroundPosition = xObject + 'px ' +'0px';
于 2012-06-08T04:11:36.620 回答
1

你在里面传递什么ele？它应该是id元素的字符串，并且不应以数字开头。

尝试以这种方式重写代码：

var xObject = 0; // Global

function xMinus(ele) {
    xObject--;
    $('#'+ele).css({ 'backgroundPosition': xObject + 'px ' + 0 + 'px' });
}

我希望你正在使用 jQuery！:) 如果不使用 jQuery，它应该是：

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

对于处理程序，那个<a>标签，代码应该是：（不应该包含javascript:）

<a href="#" onclick="xMinus('id'); return false;">BG Left Push!</a>
于 2012-06-08T04:07:12.577 回答