javascript - Javascript：如何将一个按钮更改为另一个按钮？

Question

如果我想使用 javascript 获取一个按钮并将其更改为单击另一个按钮时，我将如何在代码中编写它？

到目前为止，这就是我所拥有的，但它无效：/

var change = document.getElementById("fire") === document.getElementById("water");

Answer 1

的HTML：

<button onclick="myFunction()" id="fire">fire</button>
<button  id="water" style="visibility:hidden">water</button>

JS：

function myFunction()
{

document.getElementById("fire").style.visibility = 'hidden';
document.getElementById("water").style.visibility = 'visible';
}

Answer 2

你应该做两个按钮。

使按钮 A 最初可见，按钮 B 隐藏。单击按钮 A 时，隐藏按钮 A 并使按钮 B 可见。

这一切都可以通过 CSS 完成。查看一些 jQuery 教程。