Javascript：如何将一个按钮更改为另一个按钮？ [关闭]答案

【问题标题】：Javascript: How to change a button to another button? [closed]Javascript：如何将一个按钮更改为另一个按钮？ [关闭]
【发布时间】：2013-11-02 18:03:25
【问题描述】：

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

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

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

【问题讨论】：

您想将一个按钮更改为另一个？能不能不改变按钮的值或者给它增加一个不同的功能？

标签： javascript html css

【解决方案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';
}

【讨论】：

【解决方案2】：

你应该做两个按钮。

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

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

【讨论】：

这听起来是一种足够简单的方法（无需深入研究 DOM 操作）。但是，更具体的细节（或示例）会使这个答案更好。