HTML是一種標(biāo)記語(yǔ)言,用于創(chuàng)建網(wǎng)站。展開(kāi)按鈕是一個(gè)常用的特效,可以讓用戶點(diǎn)擊按鈕展開(kāi)或關(guān)閉某些內(nèi)容。
<button onclick="myFunction()">展開(kāi)</button> <p id="myText" style="display:none">這里是要展開(kāi)的內(nèi)容。</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標(biāo)簽創(chuàng)建了一個(gè)展開(kāi)按鈕,并通過(guò)onclick屬性綁定了一個(gè)自定義函數(shù)myFunction。在這個(gè)函數(shù)中,我們通過(guò)getElementById方法獲取了id為myText的元素,并判斷了它是否處于隱藏狀態(tài)。如果是,則將它的display屬性設(shè)置為block,使它顯示出來(lái);如果不是,則將它的display屬性設(shè)置為none,使它隱藏起來(lái)。
注意到在p標(biāo)簽中的style屬性中,我們?cè)O(shè)置了display:none,表示該元素在頁(yè)面加載時(shí)是隱藏的。這個(gè)設(shè)置是展開(kāi)按鈕實(shí)現(xiàn)的關(guān)鍵。