要在HTML中簡單地顯示和隱藏
首先,在HTML中添加一個按鈕和一個
<button onclick="toggleList()">顯示/隱藏列表</button>
<ul id="myList">
<li>列表項1</li>
<li>列表項2</li>
<li>列表項3</li>
</ul>
然后,在JavaScript中添加一個函數來切換列表的顯示狀態:
function toggleList() {
var list = document.getElementById("myList");
if (list.style.display === "none") {
list.style.display = "block";
} else {
list.style.display = "none";
}
}
這個函數會獲取id為"myList"的
最后,可以通過點擊按鈕來觸發toggleList函數,從而顯示/隱藏列表。
這只是一種簡單的方法,還有其他的方法可以實現顯示和隱藏