0

我对 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>

现在,我知道有很多方法可以做到这一点。但是有人可以告诉我在我给出的代码中需要调整什么来使我编写这个工作的方式吗?非常感谢您的宝贵时间。

4

2 回答 2

4

document.getElementById不是document.getelementbyid

工作演示

于 2012-12-31T03:16:51.573 回答
1

使用此代码

    <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>
于 2012-12-31T03:46:23.420 回答