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

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

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

已知：

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

則代碼：

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

效果圖：

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