HTML開關代碼是一種常用的交互式網頁元素,通過點擊開關按鈕,實現對網頁內容的控制。下面是一個簡單的示例:
<html> <head> <title>HTML開關代碼示例</title> <script> function toggle() { var x = document.getElementById("content"); if (x.style.display === "none") { x.style.display = "block"; } else { x.style.display = "none"; } } </script> </head> <body> <h1>HTML開關代碼示例</h1> <button onclick="toggle()">顯示/隱藏</button> <div id="content" style="display:none;"> <p>這是一個顯示/隱藏的元素。</p> </div> </body> </html>
上面的代碼使用了JavaScript語言實現了開關功能。當按鈕被點擊時,通過獲取id為"content"的元素,判斷其當前是否處于顯示狀態,如果已經顯示,則將其隱藏,反之亦然。其中,<script>標簽中的代碼是JavaScript腳本,通過<button>標簽的onclick事件響應開關操作。
使用HTML開關代碼可以方便地實現各種交互式網頁效果,例如動態顯示/隱藏元素、切換CSS樣式等。在實際應用中,可以根據需要對開關代碼進行定制和改進,以滿足不同的需求。
上一篇html建立邊框代碼
下一篇html開頭基礎結構代碼