欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

html展開按鈕代碼

錢艷冰2年前9瀏覽0評論

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,表示該元素在頁面加載時是隱藏的。這個設置是展開按鈕實現的關鍵。