Javascript：更改z-index onclick

Question

我看到类似于这个问题的问题，但不是很重要。我只想做一些非常简单的事情：当按钮1被点击时，它应该隐藏并且按钮2应该出现;然后当按钮2被点击时，按钮2应该隐藏并且按钮1应该被显示。 我正在尝试通过修改z-index来实现，但它不起作用。 这是我用来做它的代码：

if (attacker == player 1) { 
    document.getElementById("p1-play").style.zIndex = -1; 
    document.getElementById("p2-play").style.zIndex = 1; 
} 
else { 
    document.getElementById(p2-play).style.zIndex = -1; 
    document.getElementById(p1-play).style.zIndex = 1; 
} 

其中P1，玩的是按钮和P2播放的按钮2

Answer 1

这将是更好地使用显示器：

var p1Play = document.getElementById("p1-play"); 
var p2Play = document.getElementById("p2-play"); 

if (attacker == player1) { 
    p1Play.style.display = 'none'; 
    p2Play.style.display = 'block'; 
} 
else { 
    p1Play.style.display = 'block'; 
    p2Play.style.display = 'none'; 
}