站長資訊網
javascript實現按鈕隱藏div的方法：首先創(chuàng)建一個前臺示例文件；然后根據id按鈕獲取點擊事件；最后添加事件處理函數即可。
本文操作環(huán)境：windows7系統(tǒng)、javascript1.8.5&&html5版，DELL G3電腦
JavaScript點擊按鈕隱藏和顯示div方法
根據id 按鈕獲取點擊事件，添加事件處理函數
效果：
<style> #dv{ width: 100px; height: 100px; background-color: royalblue; } </style> <body> <input type="button" value="隱藏" id="btn"/> <!--<input type="button" value="顯示" id="btn1"/>--> <p id="dv"></p> <script> function my(id){ return document.getElementById(id); } //第一種方法 /*my("btn").onclick=function(){ my("dv").style.display="none"; } my("btn1").onclick=function(){ my("dv").style.display="block"; }*/ //第二種方法 my("btn").onclick=function(){ if (this.value =="隱藏") { my("dv").style.display="none"; this.value="顯示"; } else if(this.value =="顯示"){ my("dv").style.display="block"; this.value="隱藏"; } } </script> </body>
推薦學習：《javascript高級教程》
