Question

点击第一个按钮后如何显示第二个按钮？

我的意思是，当用户点击一个按钮时，他应该看到另一个按钮，点击该按钮他应该返回到他之前的按钮！循环事件有点...... 我想用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>`

Answer 1

这样的东西？

<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>

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

HTML

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

此代码未经过测试但应该可以使用，如果您有任何其他问题，请告诉我

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

2 个答案: