Javascript 如何在单击第一个按钮后显示第二个按钮？_Javascript_Html

Javascript 如何在单击第一个按钮后显示第二个按钮？

javascript html

Javascript 如何在单击第一个按钮后显示第二个按钮？,javascript,html,Javascript,Html,如何在单击第一个按钮后显示第二个按钮我的意思是，当用户点击一个按钮时，他会看到另一个按钮，点击后他会返回到他以前的按钮！！循环事件类。。。我想使用Java脚本和HTML来实现这一点我试着用“onclick”，但没用！！救命这是我用过的 `<body> function alert() { alert("54"); // <input type="button" id="btnSer" value="Back"/> } <inpu

如何在单击第一个按钮后显示第二个按钮

我的意思是，当用户点击一个按钮时，他会看到另一个按钮，点击后他会返回到他以前的按钮！！循环事件类。。。我想使用Java脚本和HTML来实现这一点

我试着用“onclick”，但没用！！救命

这是我用过的

    `<body>

 function alert()
{
  alert("54");
    // <input type="button" id="btnSer" value="Back"/>
}

  <input type="button" id="btnSearch" value="Search" onClick="alert();">


</body>`

`
函数警报（）
{
警报（“54”）；
// 
}
`

像这样的东西

<button id="button1" style="display:block;" onclick="document.getElementById('button2').style.display = 'block'; this.style.display = 'none';">Button 1</button>
<button id="button2" style="display:none;" onclick="document.getElementById('button1').style.display = 'block'; this.style.display = 'none';">Button 2</button>

按钮1
按钮2

像这样的东西

<button id="button1" style="display:block;" onclick="document.getElementById('button2').style.display = 'block'; this.style.display = 'none';">Button 1</button>
<button id="button2" style="display:none;" onclick="document.getElementById('button1').style.display = 'block'; this.style.display = 'none';">Button 2</button>

按钮1
按钮2

以下是使用简单普通javascript的代码：（*请注意，命名函数alert（）并不明智，因为js中已经有一个预定义的函数称为alert）

Javascript代码

function addBtn(){
  document.getElementById('btnHolder').innerHTML = '<input type="button" onClick="javascript:removeBtn();" value="click" />';
}

function removeBtn(){
  document.getElementById('btnHolder').innerHTML = '';
}

函数addBtn（）{
document.getElementById（'btnHolder'）。innerHTML=''；
}
函数removeBtn（）{
document.getElementById（'btnHolder'）。innerHTML=''；
}

HTML

<div id="btnOne"><input type="button" onClick="javascript:addBtn();" value="click" /></div>
<div id="btnHolder"></div>

这段代码没有经过测试，但应该可以运行，如果您有任何其他问题，请告诉我。

这是使用简单普通javascript的代码：（*注意，命名函数alert（）并不明智，因为js中已经有一个预定义的函数称为alert）

Javascript代码

function addBtn(){
  document.getElementById('btnHolder').innerHTML = '<input type="button" onClick="javascript:removeBtn();" value="click" />';
}

function removeBtn(){
  document.getElementById('btnHolder').innerHTML = '';
}

函数addBtn（）{
document.getElementById（'btnHolder'）。innerHTML=''；
}
函数removeBtn（）{
document.getElementById（'btnHolder'）。innerHTML=''；
}

HTML

<div id="btnOne"><input type="button" onClick="javascript:addBtn();" value="click" /></div>
<div id="btnHolder"></div>

这段代码没有经过测试，但应该可以运行，如果您有任何其他问题，请告诉我

您可以使用jQuery，例如您可以使用jQuery，例如

javascript:

是不需要的。在

onclick

的引号内的任何内容都被视为javascript。是的，我知道，但这是我的一个习惯：）它不会真正破坏任何东西，所以我只做它。不需要

javascript:

。在

onclick

的引号内的任何内容都被视为javascript。是的，我知道，但这是我的一个习惯：）它不会真正破坏任何东西，所以我只做它。