在JavaScript中顯示/隱藏表單

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 個解決方案

解決方案1
3 已采納 2013-08-11 01:12:15

解決方案2
1 2013-08-11 01:01:15

解決方案3
-1 2013-08-11 00:58:18

解決方案4
-1 2013-08-11 00:58:39

在JavaScript中顯示/隱藏表單

問題描述

4 個解決方案

解決方案1 3 已采納 2013-08-11 01:12:15

解決方案2 1 2013-08-11 01:01:15

解決方案3 -1 2013-08-11 00:58:18

解決方案4 -1 2013-08-11 00:58:39

解決方案1
3 已采納 2013-08-11 01:12:15

解決方案2
1 2013-08-11 01:01:15

解決方案3
-1 2013-08-11 00:58:18

解決方案4
-1 2013-08-11 00:58:39