使用Javascript和/或CSS顯示或隱藏div？

-2

我有一個頁面有9個html標籤（文本輸入，選擇，按鈕類型），這9個控件都在一個div內。這個div是"display: none"即。當頁面出現在瀏覽器中時，div內的9個控件不可見。使用Javascript和/或CSS顯示或隱藏div？

如果用戶點擊一個按鈕，我有一個JavaScript函數處理它的「onClick」：

function handleShowTheDiv() 
    { 
     var theDiv = document.getElementById('theNineControlDiv'); 
     theDiv.style = "display: visible"; 
    }

雖然我知道我可以有這個按鈕提交頁面，然後在我的PHP，我可以輸出額外的9控件，原因我不會進入我不想提交頁面只是爲了使額外的9控件可見。

以上不起作用。

我不記得細節，但我讀了一些東西，使用JavaScript和CSS以某種方式顯示/隱藏頁面上的東西。你是怎樣做的？我認爲將style的div從"display: none"更改爲"display: visible"會這樣做，但它不起作用。

來源

2012-03-21 wantTheBest

嘗試「顯示：塊」而不是「顯示：可見」;） – 2012-03-21 18:07:33

你的代碼改成這樣：

function handleShowTheDiv() 
    { 
     var theDiv = document.getElementById('theNineControlDiv'); 
     theDiv.style.display = "block"; 
    }

你可以用這種方式只是改變任何CSS，所以閱讀更多關於the style object on MDN

來源

2012-03-21 18:04:42 JKirchartz

您錯過了對值的引用：theDiv.style.display =「visible」; – zero 2012-03-21 18:10:56

@codewombat杜，謝謝。更不用說我盲目地糾正顯示值。 – JKirchartz 2012-03-21 18:11:21

function showDiv() 
{ 
// This is to show the div 
    document.getElementById('divId').style.display = 'block'; 
} 

function hideDiv() 
{ 
// This is to hide the div 
    document.getElementById('divId').style.display = 'none'; 
}

的代碼將不支持，如果div有runat物業..

希望這會幫助你..

來源

2013-04-05 08:01:53 Jeyachandran

使用Javascript和/或CSS顯示或隱藏div？

回答

相關問題