html中的li简单的显示和隐藏

首先，在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"的

元素，并检查它的display属性。如果display属性的值是"none"，则将其设置为"block"，从而显示列表。如果display属性的值不是"none"，则将其设置为"none"，从而隐藏列表。

最后，可以通过点击按钮来触发toggleList函数，从而显示/隐藏列表。

这只是一种简单的方法，还有其他的方法可以实现显示和隐藏

• 元素，例如使用jQuery库或CSS的visibility属性等。