萬盛學電腦網 >> 腳本專題 >> javascript >> javascript實現信息的顯示和隱藏
javascript實現信息的顯示和隱藏
信息的顯示和隱藏在某些時候還是比較使用的，就比如注冊信息，下面有個不錯的示例，感興趣的朋友可以了解下
我們在寫注冊頁面的時候，必填信息是可見的，可選信息是隱藏的，如果用戶希望填寫，可以單擊“詳細信息”。 代碼如下: <!-- 下面代碼通過javascript實現信息的顯示和隱藏 --> <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> <script type="text/javascript"> function $(idvalue){ return document.getElementById(idvalue); } function showtext(){ if($('text').style.display == 'none'){ $('text').style.display = ''; }else{ $('text').style.display = 'none'; } } </script> </head> <body> <div id="text" style="display:none;">這裡是隱藏信息</div> <button id="morebtn" onclick="showtext();">詳細信息</button> </body> </html>javascript排行
程序編程推薦
相關文章
copyright © 萬盛學電腦網 all rights reserved