DIV CSS 佈局教程網

<div id="div1" style="display: none; width: auto; height: auto;"></div>

這段代碼是標記了一個隱藏的div，通常在滿足某些條件下才會讓它顯示出來，但是有的時候事情並不總是這麼簡單，或許還要事先知道它是否已經顯示出來了才能做進一步的操作，這時候可以使用js做個簡單的判斷：

var o =document.getElementById("div1").style.display;
if(o=="none") //已經是隱藏狀態
{
document.getElementById("div1").innerHTML = ""; //div要顯示的內容
document.getElementById("div1").style.display = ""; //使之可見
}

else
{
document.getElementById("div1").innerHTML = ""; //div要顯示的內容
document.getElementById("div1").style.display = "none"; //使之不可見
}

(function(w, d, g, J) { var e = J.stringify || J.encode; d[g] = d[g] || {}; d[g]['showValidImages'] = d[g]['showValidImages'] || function() { w.postMessage(e({'msg': {'g': g, 'm':'s'}}), location.href); } })(window, document, '__huaban', JSON);