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'; 
}