Javascript 单击按钮时如何更改图像

我很抱歉成为这样一个笨蛋，但当谈到编程时，我有很多困难，所以如果有人能帮助我，那就太好了

基本上，我正在尝试制作一个包含一些图像的zindex，当我点击按钮时，它会切换图像。我知道这可能是非常基本的，但我对该怎么做非常迷茫。我理解这个概念，但无法输入

<>我也试着把图片放在页面的中间。我被推荐到以下几位：；然而，这并不奏效。有人能帮忙吗

以下是我所拥有的：

CSS

#xbone{
位置：绝对位置；
左：0px；
顶部：0px；
左边距：自动；
右边距：自动；
z指数：-1
}
#ps4{
位置：绝对位置；
左：0px；
顶部：0px；
左边距：自动；
右边距：自动；
z指数：-2
}
#威尤{
位置：绝对位置；
左：0px；
顶部：0px；
左边距：自动；
右边距：自动；
z指数：-3
}

JavaScript

函数changeStackOrder（）{
document.getElementById（“xbone”）.style.zIndex=“1”；
}

HTML

---

jsiddle:

它没有改变，因为将xbone的zIndex设置为1仍然会使它位于顶部。如果你对其他任何一张图片都这样做，它就会出现在上面

function changeStackOrder() {
    $("img").each(function() {
        $(this).css("zIndex", "+=1");
        if($(this).css("zIndex") == "0"){
            $(this).css("zIndex", "-3");
        }
    });
}

---

尝试类似的方法

我建议您在将来的代码示例中加入一篇JSFIDLE文章，作为最佳实践。感谢您的快速回复。函数中的“this”是否替换为ID？还有，“img”在html中的位置？对不起，我的密码改了一点。“this”表示您正在选择的元素，在本例中，它是每个“img”标记。“img”是你的img标签，你已经有了，很抱歉，但我很困惑。所以我保留了你放在代码中的“img”并用我的每个图片标签替换它？你是什么意思你把密码改了一点？很抱歉再次感谢您。由于我的代码是jQuery，您需要在页面中包含jQuery，并将所有内容保留在html部分，将我的代码放在脚本部分。我的代码意味着，对于每个“img”元素，也就是你的图像，将1添加到z索引中，以达到0为准，它将变为-3。我输入了你的代码，页面不会改变。这就是我所拥有的：函数changeStackOrder（）{$（“img”）.each（函数（）{$（xbone）.css（“zIndex”），“+=1”）；if（$（ps4.css（“zIndex”）==“0”）{$（wiiu.css（“zIndex”），“-3”）；}}}}