3

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

4 回答 4

4

首先，您需要确保您的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
于 2013-08-11T01:12:15.437 回答
1

这条线是错误的

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

你应该使用什么“thediv”：

document.getElementById("F1").style.visibility="hidden";
于 2013-08-11T01:01:15.167 回答
-1

F1 应该用引号括起来。您可能还需要在onload函数中包含您的代码

window.onload = function(){
    document.getElementById("F1").style.visibility = "hidden";
}
于 2013-08-11T00:58:18.190 回答
-1

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

于 2013-08-11T00:58:39.473 回答