2012-08-24 48 views
2

「DIV」標籤我有JavaScript代碼隱藏單擊時標籤:隱藏在JavaScript

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

雖然我這樣做的時候,即使div標籤是隱藏的,仍然有空間, div標籤位於。我如何使用JavaScript摺疊整個div標籤?

+0

當您將元素的'visibility'屬性設置爲'hidden'時,它只是不可見的,它仍然佔據佈局中的空間,您應該使用'display ='none''來代替。 – undefined

回答

10

用途:

document.getElementById("div").style.display = 'none'; 
+0

@tristo你想完全刪除它嗎?你可以把一個例子放在jsfiddle.net上嗎? – Undefined

+0

@tristo檢查demo.http://jsfiddle.net/FAGh4/ – xdazz

6

你應該使用:

document.getElementById("div").style.display = "none"; 

只是提及getElementById()將與div的ID來尋找div,我建議你更改爲更明顯的一個例子是:

<div id="container"><!--Content--></div> 

然後你的JavaScript可能是:

document.getElementById("container").style.display = "none"; 

檢查here看到有什麼區別display:nonevisibility:hidden

+2

介意大小寫敏感... document.getelementbyid與document.getElementById不一樣 – Mickel

+0

@Mickel謝謝我錯過了,現在修復。 – Undefined

2

之間試試這個..

document.getelementById("div_id").style.display = 'none'; 
0
document.getElementById("yourdivID").style.display = 'none'; 
0

使用

document.getElementById("divID").style.display = "none"; 

OR

document.getElementsByTagName("div").style.display = "none"; 

注:僅document.getElementById()選擇具有id屬性的元素。