0

我有一段时间没有使用 Javascript,几乎都忘记了,但我想提醒一下如何显示和隐藏 html div 框,以通过单击文本等来显示隐藏的内容。

在这种情况下,我希望有一个隐藏的框填充登录信息,而 ahref 链接将是指示登录框出现或消失的指示器,并且通过了解这一点,我可以轻松地将其应用于注册区域。

我想知道如何做到这一点或弹出框之类的事情。

这就是我到目前为止所拥有的:现在有人可以帮助我吗?我似乎无法让它工作。

切换是

<a href="#" onclick="showStuff('signup'); return false;"> Login</a>

显示内容

<div class="signup" style="display: none;">
<p> test </p>
</div> 

Javascript 是函数 showStuff(signup) { document.getElementById('signup').style.display = 'block'; }

为什么这行不通

4

1 回答 1

0

看起来你的代码的问题是你的 div 有一个作为“注册”的类而不是一个 id。尝试:

<div id="signup" style="display: none;">
<p> test </p>
</div> 

请参阅此 jsfiddle 以获取有关函数工作方式的附加修复的工作示例。 http://jsfiddle.net/aUQ6B/

原答案:

请参阅:javascript 隐藏/显示元素

要注意的代码如下:

document.getElementById('myid').style.display 

将此设置为“无”会隐藏元素。
将其设置为“块”、“内联”或任何原始值都将显示该元素。

于 2013-06-21T00:24:23.833 回答