Javascript js画布堆叠顺序

如果这个地方不适合初学者提问，我深表歉意 这是我第一次在stack overflow中搜索帮助，我只是从js开始。 免责声明：我试图从一本书中探索物理示例，只专注于学习画布。我对HTML/CSS几乎一无所知；只需要在画布上玩一些基本的东西（到目前为止，我已经做了弹跳和碰撞测试等）

我在三张名为“layer1”“layer2”“layer3”的对应画布上按此顺序绘制了三个不同颜色的部分重叠正方形（红蓝黑），我可以看到它们按预期的堆叠顺序堆叠：黑色在蓝色的顶部，红色的顶部

我已经设置了一个keydown事件监听器，并试图使用switch来更改堆叠顺序，但没有成功

function moveLayers(evt) {
    switch(evt.keyCode) {
      case 37: // up arrow
      // what code should go here to change the order of layer1 and layer3 
    break;
    }
}

是的，我发现它与z-indez有关，但不知道确切的语法需要

---

感谢您回复了具体的一行代码（我怀疑这只是一行代码），或是给了我正确的方向。

我知道应该只有一行！ 在的Style zIndex属性中找到

解决方案：

要将第3层更改为第1层，只需编写：

---

document.getElementById（“layer3”）.style.zIndex=“1”

我就知道应该只有一行！ 在的Style zIndex属性中找到

解决方案：

要将第3层更改为第1层，只需编写：

---

document.getElementById（“layer3”）.style.zIndex=“1”

作为一个初学者，我总是建议创建一个小提琴来展示你的问题，如果你有能力的话，并在你的问题中粘贴链接。这使人们更容易提供帮助。你为什么要使用三个单独的画布？作为初学者，我总是建议创建一个小提琴来展示你的问题，如果你有能力的话，并在你的问题中粘贴链接。这让人们更容易帮助你。你为什么要用三张不同的画布？