Question

我正试图隐藏并显示“form1”。但即使只是隐藏也行不通错误在哪里？

<body>

    <script type="text/javascript">
        document.getElementById("F1").style.visibility = "hidden";
    </script>

    <form id="F1" name="form1">
        <p class="style14">blah-blah
            <input type="text" size="1" name="rd"> blah
        </p>
    </form>

</body>

Answer 1

首先，您需要确保script标记位于body的底部或使用DOMContentLoaded事件

喜欢这样

document.addEventListener('DOMContentLoaded', function(){
   var form = document.getElementById('F1');

   form.style.visibility="hidden"; 
   // OR
   form.style.display = 'none';
});

你的F1需要是一个字符串，现在你指的是一个未定义的变量。

我还建议使用display代替visibility

@update发表评论。

它们的对立面是

visibility: visible;

和

display: block; // Or whatever

Answer 2

此行错误

document.getElementById(thediv).style.visibility="hidden";

你应该使用什么“thediv”：

document.getElementById("F1").style.visibility="hidden";

Answer 3

F1应该用引号括起来。您还可能需要在onload函数

中包含您的代码

window.onload = function(){
    document.getElementById("F1").style.visibility = "hidden";
}

Answer 4

尝试document.getElementById("F1").style.visibility=hidden;

在JavaScript中显示/隐藏表单

4 个答案: