3

最初、div id =" showHide" は非表示です。vallの値が null でない場合に表示したい。しかし、コードは機能していません。変数 vall は値を取得していますが、div はまだ表示されていません。jsコードスクリプトの問題は何ですか?? jspを使用しています。

<head>
</head>

<body>
<div id =" showHide" style="display:none">

    /*HTML TABLE*/
</div>

<script type="text/javascript">

 alert("first alert");
 var vall = "<%=vall%>";    

    if (vall != null)
        {            
            var mydiv = getElementById.("showHide");
            mydiv.style.display ="block";
            alert("second alert");
            <% System.out.println("jsvar="+vall);%>

             }

    </script>
</body>

コンソールにログインすると、次のエラーが表示されました。

キャッチされていない構文エラー: 予期しないトークン (

両方のアラートボックスも表示されていません。

4

7 に答える 7

7

試す:

mydiv.style.display = "block";

それ以外の

mydiv.style.visibility = "visible";
于 2012-06-20T04:18:02.780 に答える
2

JS が呼び出される前にコンテンツが実際に読み込まれていることを確認しますか? JS を本文の最後に移動するか、ページの読み込み時に呼び出すことができる関数でコードをラップしてみてください。本当に凝ったものにしたい場合は、jQuery を使用してこれを支援する必要があります。http://api.jquery.com/ready/

于 2012-06-20T04:23:48.907 に答える
2

visibilitydisplayは異なります。代わりに、display値を からnoneに変更する必要がありblockます ( a のデフォルト<div>):

mydiv.style.display = "block";
于 2012-06-20T04:18:48.083 に答える
1

変数mydivを宣言するのを忘れていると思います。

この行を置き換えますmydiv=document.getElementById( "showHide");

var mydiv = document.getElementById( "showHide");

enter code here<div id ="showHide" style="display:none">

/*HTML TABLE*/

//javascriptコードはこれをチェックしてください

var vall = 10;
var mydiv = null
if (vall != null)
    {
        mydiv = document.getElementById("showHide");
        mydiv.style.display ="block";

    }

于 2012-06-20T05:22:50.540 に答える
1
<div id =" showHide" style="display:none"> 

/*HTML TABLE*/ 
</div> 

id のスペースを削除し、JS コードを div の後ろに配置して、試してみてください。

于 2012-06-20T04:22:59.860 に答える
0

スクリプト タグのコードを実行すると、その ID を持つ div タグが見つからず、ページで div がレンダリングされると、その可視性を再び非表示に設定すると思います。

div の後にスクリプト タグを配置することをお勧めします。

于 2012-06-20T04:21:11.107 に答える
0

それ以外の

 var mydiv = getElementById.("showHide");

使用する

 var mydiv = document.getElementById.("showHide");
于 2017-03-10T06:54:24.840 に答える