HTML帮助--隐藏按钮

我需要帮助我的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"/>

网址：

如您所见，

中的所有元素将在单击

按钮1

时显示（它们最初是隐藏的）

我想要的是，除了显示所有其他字段（包括按钮2）外，单击

button1

时，

button1

将被隐藏

我如何才能做到这一点？

而不是

'

将其更改为

'Block'

因此：

将其改为

'Block'

因此：

改变

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

到

您可以在这里看到这一点：。

更改

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

到

---

您可以在这里看到这一点：。

这并不能回答问题。这应该是一个评论。这两种解决方案都没有问题（

'

或

'block'

）@罗斯：当您将display设置为空字符串时，它会被默认设置为

block

。（

div

s是块级元素）如果将其设置为

block

则更清晰，但是，如果您希望它也适用于

span

这是一个

inline

元素或

tr

这可能是

表行

或

块

，则您可以决定将其设置为

”

，具体取决于浏览器。这并不能回答问题。这应该是一个评论。这两种解决方案都没有问题（

'

或

'block'

）@罗斯：当您将display设置为空字符串时，它会被默认设置为

block

。（

div

s是块级元素）如果将其设置为

block

则更清晰，但是，如果您希望它也适用于

内联
元素的
span
或
tr
的
table row
或
block
，则可以将其设置为
'
，具体取决于浏览器。
onclick="document.getElementById('hidden').style.display = '';"

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