利用JavaScript控制HTML元素的顯示和隱藏

 

第一種方法：

這種方法控件隱藏後，還會有空白佔用原來的位置。

// 隱藏
document.getElementById("id").style.visibility="hidden";
// 顯示
document.getElementById("id").style.visibility="visible";

第二種方法：

這種方法控件隱藏後，不會有空白佔用原來的位置。

// 隱藏
document.getElementById("id").style.display="none";
// 顯示
document.getElementById("id").style.display="inline";