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