如何通過javascript顯示隱藏的div？

Question

我想隱藏div如果javascript已關閉，並顯示div如果javascript已啓用，但我不想在Chrome和Opera中使用<noscript>它有一些問題。所以我正在做的是這樣的：

<div id="box" style="display:none"></div> 
<script type="text/javascript"> 
document.getElementById("box").style.visibility = "visible"; 
</script> 

但javascript部分不顯示div。我怎樣才能讓它可見JavaScript是啓用。也試過$('#box').show();但這也沒有奏效。

Answer 1

使用style.display

document.getElementById("box").style.display = "block"; 

Answer 2

你需要的屬性display設置爲block

document.getElementById("box").style.display = "block";

正在嘗試的知名度，這是類似的，但不同的屬性之間切換。

Answer 3

您正在使用display：none，not visibility：hidden。 解決方案添加可見性：隱藏，而不是顯示任何，如果你想使用，而不是顯示。他們的工作有點不同。

Answer 4

您可以設置：

<div id='box' style='display: none;'>...</div> 

而在你的腳本代碼：

document.getElementById('box').style.display = 'block'; 

Answer 5

變化顯示能見度

<div id="box" style="visibility:none"></div> 
<script type="text/javascript"> 
document.getElementById("box").style.visibility = "visible"; 
</script> 

或改變JS

<div id="box" style="display:none"></div> 
    <script type="text/javascript"> 
     document.getElementById("box").style.display = "block"; 
    </script> 

Answer 6

你也可以使用CSS和JavaScript的組合來實現：

HTML/JavaScript的

<script type="text/javascript"> 
    document.documentElement.className += 'js-ready'; 
</script> 

CSS

div#box { display: none; } 
.js-ready div#box { display: block !important; }