javascript - 单击链接时如何在同一页面上显示框

Question

我正在制作基于 php 的 Web 应用程序。我希望在使用 java 脚本单击链接时在同一页面上显示一个框。我该如何实现？ 我试过下面的代码

<script>
function a()
{
    document.getElementsById("a").style.visibility="visible";
}
</script>

<a style="position:absolute;left:84%;top:32%;font-size:13px " href="" onclick="a()">
    Forgot Password?
</a>

<div id="a" style="position:absolute;left:30%;top:10%;width:40%;height:40%;background-color:lightgray;visibility:hidden">
</div>

Answer 1

文档方法错误。

它应该是 getElementById，你可以使用 Google chrome DEV 工具(Ctrl + shift + i on windows，⌘ + option + i 在 Mac 上)来调试你的代码。