Javascript - CSS,可见性onclick

标签 javascript css visibility

我是 Javascript 的新手。我一直在研究使用 Javascript 来编辑 css 样式属性。我在网上搜索了很多不同的问题。即使有所有这些,对于为什么我无法弄清楚我的代码有什么问题,这可能是我缺乏经验。增加问题的是有很多方法可以做到这一点。无论如何,这是细节。

我想让它做什么: 当有人点击代码中的链接时,我希望隐藏的 DIV(它就在我等待调用的顶部附近)将其可见性切换为可见,以便在页面上创建一个新层。

我的代码:

<html>
    <head>
        <script language="javascript">
            function newwindow() {
                var showme = document.getelementbyid("testing");
                showme.style.visibility = "visible";
            }
        </script>
    </head>
    <body>
        <a href="#" onclick="newwindow()">Show me my hidden layer</a>
        <div id="testing" style="position: absolute; visibility: hidden; left: 50%; top: 50%;
    border: 1px solid darkblue; width: 400px; height: 300px; line-height: 300px;     
    text-align: center; vertical-align: middle;
    margin-top: -150px; margin-left: -200px; background: lightgray">HELLO!!!</div>
    </body>
</html>

现在,我知道有很多方法可以做到这一点。但是有人可以告诉我如何调整我提供的代码以使我写这篇文章的方式有效吗?非常感谢您的宝贵时间。

最佳答案

它是 document.getElementById 而不是 document.getelementbyid

Working Demo

关于Javascript - CSS,可见性onclick,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14097018/

相关文章:

javascript - 从输入中删除重复的空格

types - 通过公共(public)函数公开私有(private)类型

html - 如何在不使用类型密码的情况下将文本输入作为密码

css - 更改 css 中的可见性属性?

WPF网格-当内容可见性设置为Visibility.Collapsed时,自动调整大小的列不会折叠

javascript - js单例 - 如何避免通过命名空间访问类成员

javascript - 简单存储和本地存储有什么区别?

javascript - 移动导航菜单无法正常工作

javascript - 哪些 Bootstrap css 和 javascript 文件应该链接到我们的 html 页面?

html - 下拉菜单 -> HTML&CSS,悬停