實現(xiàn)方法：首先使用“document.getElementById("id值")”語句獲取指定元素對象；然后使用“元素對象.style.display="none"”語句即可控制css，實現(xiàn)隱藏效果。

本教程操作環(huán)境：windows7系統(tǒng)、javascript1.8.5&&CSS3版、Dell G3電腦。

利用js對css進(jìn)行隱藏或顯示

已知：

<div class="login1" id="login">頁面ID為login的元素</div> <div class="login2" id="regist">頁面ID為regist的元素</div>

則代碼：

<script> document.getElementById("login").style.display = "none"; //（login為需要隱藏的頁面ID） document.getElementById("regist").style.display = "block" //（regist為需要顯示的頁面ID） </script>

效果圖：

【推薦學(xué)習(xí)：javascript高級教程】