javascript - 在将值传递给js变量后显示具有=“display:none”样式的div

最初，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>

当我登录控制台时，出现错误:

并且两个警报框也未显示。

最佳答案

尝试:

mydiv.style.display = "block";

代替

mydiv.style.visibility = "visible";