在JavaScript中显示/隐藏表单_Javascript

在JavaScript中显示/隐藏表单

javascript

在JavaScript中显示/隐藏表单,javascript,Javascript,我试图隐藏和显示“form1”。但即使是简单的隐藏也不起作用。错在哪里 <body> <script type="text/javascript"> document.getElementById("F1").style.visibility = "hidden"; </script> <form id="F1" name="form1"> <p class="style14"&g

我试图隐藏和显示“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>


document.getElementById（“F1”）.style.visibility=“hidden”；
胡说八道
废话

F1应该用引号括起来。您可能还需要将代码包含在

onload

函数中

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

尝试

document.getElementById（“F1”）.style.visibility=hidden
这行是错的
document.getElementById(thediv).style.visibility="hidden";

您应该使用的“thediv”是什么：
document.getElementById("F1").style.visibility="hidden";

首先，您需要确保您的脚本
标记位于正文
的底部，或者使用DOMContentLoaded
事件
像这样
document.addEventListener('DOMContentLoaded', function(){
   var form = document.getElementById('F1');

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

您的F1
需要是一个字符串，现在您引用的是一个未定义的变量
我还建议使用display
而不是visibility

@更新评论
它们的对立面是
visibility: visible;

及
这是我答案的副本。谢谢康纳，它很有效。可见性=“隐藏”的对立面是什么；显示='无'？显示表格。
display: block; // Or whatever