要在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函数,从而显示/隐藏列表。
这只是一种简单的方法,还有其他的方法可以实现显示和隐藏