div 隱藏顯示

1、方式1：

display:none|block;

display:none;

隱藏該html元素，確切的說，是在瀏覽器中消除該元素，不佔螢幕的空間。若其下有其他元素，就會上移到該空間區域（好像桌子上有100塊錢，現在我把它放在抽屜裡藏起來，桌子上放100錢的地方可以放在其他任何東西）。

dispaly:block;

顯示已經隱藏的html元素，如果別的元素占有了該空間時，他將下移，空間重新別原來的元素占有。（把100塊錢重新從抽屜裡那出來放回桌子上）。

2、方式2：

visibility：hidden|visible;

visibility:hidden;

隱藏該元素，正真的隱藏，但他還占有那塊空間。這時，（桌子上有100塊錢，這是我蓋了桌布把他隱藏起來，錢還在那裡）。

visibility:visible;

讓元素顯示（拿掉了桌布，看到了100塊錢）。

所以display和visibility控制的分別是html元素是否存在和是否顯示，display的屬性定義該元素存在或不存在，而visibility的屬性只是控制該元素是否顯示出來，實際上還是存在的。

注意：使用display方式更人性化，但是，用div.style.display="none"隱藏會引起，div裡面的東西休眠，裡面的事件就不響應了。

最好將div裡面的物件的width或height設成0.比如：div裡面有乙個player的iframe.

document.frames['player'].frameelement.height=0;