HTML帮助 - 隐藏按钮

Question

我需要我的HTML样式的帮助。

这里是HTML代码：

<div id="hidden" style="display: none;"> 
    <label>URL:</label> 
    <input type="text" name="url" size="50"/><br/> 
    <input type="button" id="button2" value="Update"/> <br/> 
</div> 
<input type="button" id="button1" value ="Get Info" 
    onclick="document.getElementById('hidden').style.display = '';" size="25"/> 

正如你所看到的，所有的都在里面<div></div>，元素会在点击button1（他们最初隐藏）显示。

我想要的是，当被点击除了所有其他字段（包括button2）被显示，button1被隐藏。

我怎样才能做到这一点？

Answer 1

更改

onclick="document.getElementById('hidden').style.display = '';" 

：

到

onclick="document.getElementById('hidden').style.display = ''; this.style.display = 'none'" 

您可以在这里的行动看到这一点。

Answer 2

，而不是''其更改为'Block'

这样：

<input type="button" id="button1" value ="Get Info" 
onclick="document.getElementById('hidden').style.display = 'Block';" size="25"/> 

但是，最好的办法，是外部化脚本，所以你可以做更多的东西，而不会干扰你的HTML

var btn = document.getElementById('button1'); 
btn.onclick = function() { 
    // all the stuff you want to do 
    document.getElementById('hidden').style.display = "block"; 
    this.style.display = "none"; 
    ... more stuff ... 
}