Javascript:Changez-index onclick

我见过类似的问题，但不太切题。我只想做一些非常简单的事情：当点击按钮1时，它应该隐藏，按钮2应该出现；然后单击按钮2时，按钮2应隐藏，按钮1应显示。 我试图通过修改z索引来实现这一点，但是它不起作用。 这是我正在使用的代码：

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播放为按钮1，p2播放为按钮2，则最好使用显示器：

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

---

最好使用显示器：

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

---

最好使用显示器：

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

---

最好使用显示器：

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

---

---

您会注意到元素id周围的“”符号。我已经尝试了使用和不使用，但这都不起作用……我只会使用jQuery的.show（）；和。隐藏（）；功能$（“p1播放”）.hide（）；例如当您隐藏一个按钮时，显示另一个按钮。@user2649425-请不要建议任何人仅为此使用jQuery？您会注意到元素id周围的“”符号。我尝试了使用和不使用，但这都不起作用…我只会使用jQuery的.show（）；和。隐藏（）；功能$（“p1播放”）.hide（）；例如当您隐藏一个按钮时，显示另一个按钮。@user2649425-请不要建议任何人仅为此使用jQuery？您会注意到元素id周围的“”符号。我尝试了使用和不使用，但这都不起作用…我只会使用jQuery的.show（）；和。隐藏（）；功能$（“p1播放”）.hide（）；例如当您隐藏一个按钮时，显示另一个按钮。@user2649425-请不要建议任何人仅为此使用jQuery？您会注意到元素id周围的“”符号。我尝试了使用和不使用，但这都不起作用…我只会使用jQuery的.show（）；和。隐藏（）；功能$（“p1播放”）.hide（）；例如当你隐藏一个按钮时，显示另一个按钮。@user2649425-请不要建议任何人仅仅为了这个而使用jQuery？去掉player和1Damn之间的空格。这很有效，非常感谢。然而，您的回答中有一个小错误：您在两种情况下都将p1Play设置为“无”。。。我试图向您展示完成的工作代码，但我不知道如何插入代码块……我已经为您编辑了答案@HerrMann。如果这是正确的，请接受这个答案。去掉播放器和1 DAMN之间的空格。这很有效，非常感谢。然而，您的回答中有一个小错误：您在两种情况下都将p1Play设置为“无”。。。我试图向您展示完成的工作代码，但我不知道如何插入代码块……我已经为您编辑了答案@HerrMann。如果这是正确的，请接受这个答案。去掉播放器和1 DAMN之间的空格。这很有效，非常感谢。然而，您的回答中有一个小错误：您在两种情况下都将p1Play设置为“无”。。。我试图向您展示完成的工作代码，但我不知道如何插入代码块……我已经为您编辑了答案@HerrMann。如果这是正确的，请接受这个答案。去掉播放器和1 DAMN之间的空格。这很有效，非常感谢。然而，您的回答中有一个小错误：您在两种情况下都将p1Play设置为“无”。。。我试图向您展示完成的工作代码，但我不知道如何插入代码块……我已经为您编辑了答案@HerrMann。如果这是正确的，请接受这个答案。