如何使按钮消失点击并显示另一个按钮？

-1

一些按钮可以阻挡多少人，但是当你点击按钮时，它变得无法隐藏？如何使按钮消失点击并显示另一个按钮？

就像你有按钮，并点击按钮，按钮消失，并显示更多的3按钮，如果你点击任何一个它会相同的disapper和显示更多的按钮像别的东西？

<button onClick="document.getElementById('d3').style.display='block'"></button>

来源

2013-10-30 Exar Kun

是的，但是要求代码必须说明问题的一小部分理解问题正在解决。包括尝试解决方案，为什么他们没有工作，以及预期的结果。你能告诉我们你在JSFiddle中尝试过什么吗？ –

什么不适用于您发布的'onClick'事件？这似乎是完全可以实现你所要求的'id'和CSS匹配... –

坚持！是1990 html4 –

考虑你的解释并没有给我太多的工作，这里是一个超级简单实现一些我认为你正在寻找的东西。

这里的工作演示：http://jsfiddle.net/jonsuh/AG3Fz

CSS

<style> 
#d3 { 
    display: none; 
} 
</style>

HTML和JavaScript

<input id="button" type="button" value="Show more" onclick="showMore()"> 
<div id="d3"> 
    <input type="button" value="Show less" onclick="showLess()"> 
    <input type="button" value="Show less" onclick="showLess()"> 
    <input type="button" value="Show less" onclick="showLess()"> 
</div> 
<script type="text/javascript"> 
var button = document.getElementById("button"); 
var d3 = document.getElementById("d3"); 

function showMore() { 
    button.style.display="none"; 
    d3.style.display="block"; 
} 

function showLess() { 
    button.style.display="inline-block"; 
    d3.style.display="none"; 
} 
</script>

来源

2013-10-30 18:04:59 jonsuh

如何使按钮消失点击并显示另一个按钮？

回答

相关问题