<script type="text/javascript">
function toggle() {
  theObj = document.getElementById('Sunyanzi').style;
  if (  theObj.display == "none" ) theObj.display = "block"; else theObj.display = "none";
}
</script>
<div id="Sunyanzi" style="display:none">你看我出現了~~~</div>
<br />
<input type="button" onclick="toggle()" value="點一下試試看 ...?" />

兩種方法：去除和隱藏

//創建你的彈出層  
    var dvMsg = document.createElement("div"); 
    strHtml =  "<div class='####'>彈出層內容</div>"
    strHtml += " <div class='####'><input type='button' value='關閉' onclick='btnclick()'></div>"
    dvMsg.innerHTML = strHtml;   
    document.body.appendChild(dvMsg);
// 關閉按鈕    
btnclick = function (){                      
    document.body.removeChild(dvMsg);

-------------------------
或者 彈出層用div id標記

<div id="tanchu">彈出層內容</div>

js里
function open(){
document.getElementById(tanchu).style.display="";  //顯示
}
function close(){
document.getElementById(tanchu).style.display="none";  //不顯示（頁面初始化的時候同樣加載一遍）
}