0

私はJavascriptに非常に慣れていません。CSSスタイルのプロパティを編集するためにJavascriptを使用することを検討しています。私はウェブを検索し、さまざまな問題を調べました。それでも、コードの何が問題なのかを理解できないのは、おそらく私の経験不足です。問題に加えて、これを行うには非常に多くの方法があるということです。とにかくここに詳細があります。

やりたいこと: 誰かがコード内のリンクをクリックしたときに、非表示の 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 に答える