Javascript:如何将一个按钮更改为另一个按钮

Javascript: How to change a button to another button?

本文关键字:按钮 一个 另一个 Javascript      更新时间:2023-09-26

如果我想拿一个按钮并将其更改为使用 javascript 单击到另一个按钮时,我将如何在代码中编写它?

这就是我到目前为止所拥有的一切,但它无效:/

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

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

你应该做两个按钮。

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

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