站長(zhǎng)資訊網(wǎng)
javascript實(shí)現(xiàn)按鈕隱藏div的方法：首先創(chuàng)建一個(gè)前臺(tái)示例文件；然后根據(jù)id按鈕獲取點(diǎn)擊事件；最后添加事件處理函數(shù)即可。
本文操作環(huán)境：windows7系統(tǒng)、javascript1.8.5&&html5版，DELL G3電腦
JavaScript點(diǎn)擊按鈕隱藏和顯示div方法
根據(jù)id 按鈕獲取點(diǎn)擊事件，添加事件處理函數(shù)
效果：
<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>
推薦學(xué)習(xí)：《javascript高級(jí)教程》
