JavaScript中如何給按鈕設定隱藏與顯示屬性
阿新 • • 發佈：2019-02-01
*/ * Copyright (c) 2016，煙臺大學計算機與控制工程學院 * All rights reserved. * 檔名：text.html * 作者：常軒 * 微信公眾號：Worldhello * 完成日期：2016年11月1日 * 版本號：V1.0 * 程式輸入：無 * 程式輸出：見執行結果 */ <!--JavaScript中的隱藏與顯示（display） 使用方法： Object.style.display=”none” 即隱藏； Object.style.display=”block” 即顯示； 例項：--> <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>display</title> <script type="text/javascript"> function hidetext() { var mychar = document.getElementById("con"); mychar.style.display="none"; } function showtext() { var mychar = document.getElementById("con"); mychar.style.display="block"; } </script> </head> <body> <h1>JavaScript</h1> <p id="con"> 在幽靜的小路上，獨自走著，天空上下著淅瀝瀝的小雨。早已被行人磨禿稜角的石階之間的縫隙除佈滿了青苔。從路旁的樹林中也不時傳來幾聲鳥叫。</p> <form> <input type="button" onclick="hidetext()" value="隱藏內容" /> <input type="button" onclick="showtext()" value="顯示內容" />
</form>
</body>
</html>