在設計網頁時，有時需要靜態或動態地隱藏標簽或顯示被隱藏的標簽，那該怎么實現呢？
一 與標簽隱藏與否有關的樣式
- visibility
標簽的visibility樣式為""(空)時是顯示狀態，為"hidden"時是隱藏狀態；
"hidden"時，標簽不占位置； - display
標簽的display樣式為""(空)時是顯示狀態，為"none"時是隱藏狀態；
"none"時，標簽占據位置；
二 如何更改
-
通過HTML的標簽來改
改display有一種方法：
<h1 id="a" style="display: none">Hello World!</h1>改visibility則有兩種方法（二者是等價的）：
<h1 id="a" style="visibility: hidden">Hello World!</h1> <h1 id="a" hidden>Hello World!</h1> -
通過javascript來改
改display：document.getElementById("ID").style.display = 'none'; //使標簽隱藏 document.getElementById("ID").style.display = ''; //使標簽顯示改visibility：
document.getElementById("ID").style.visibility = 'hidden'; //使標簽隱藏 document.getElementById("ID").style.visibility = ''; //使標簽顯示用js時，記得要說明更改對象的屬性是style！
最后附上高清代碼實例：
<!doctype html>
<html lang="zh">
<head>
<meta charset="utf-8">
</head>
<body>
<h1 id="a" style="display: none">Hello World!</h1>
<h1 id="b">Hello cnblogs!</h1>
<script>
a.style.visibility = 'hidden'; //占據位置
a.style.visibility = ''; //占據位置
a.style.display = 'none'; //不占據位置
a.style.display = ''; //不占據位置
</script>
</body>
</html>