HTML是一種標記語言,用于創建網站。展開按鈕是一個常用的特效,可以讓用戶點擊按鈕展開或關閉某些內容。
<button onclick="myFunction()">展開</button> <p id="myText" style="display:none">這里是要展開的內容。</p> <script> function myFunction() { var x = document.getElementById("myText"); if (x.style.display === "none") { x.style.display = "block"; } else { x.style.display = "none"; } } </script>
以上代碼使用button標簽創建了一個展開按鈕,并通過onclick屬性綁定了一個自定義函數myFunction。在這個函數中,我們通過getElementById方法獲取了id為myText的元素,并判斷了它是否處于隱藏狀態。如果是,則將它的display屬性設置為block,使它顯示出來;如果不是,則將它的display屬性設置為none,使它隱藏起來。
注意到在p標簽中的style屬性中,我們設置了display:none,表示該元素在頁面加載時是隱藏的。這個設置是展開按鈕實現的關鍵。
上一篇c json 簡單示例
下一篇python 運行人口