html中li的简单显示和隐藏

首先，在 HTML 中添加一个按钮和一个

列表：

<按钮 onclick="toggleList()" >显示/隐藏列表按钮><ul id="myList" > <li>列表项 1li> <li>列表项 2li> <li>列表项3li>ul>

然后，在JavaScript中添加一个函数来切换列表的显示状态：

< pre class="hljs">function toggleList() { var list = 文档。getElementById("myList"); if（列表。样式。显示 = == "无") { list .样式.显示 = "块" ; } else { 列表。样式。显示 = "none"; }}

该函数将获取 id 为“myList”的

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

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

这只是一个简单的方法，还有其他方法来显示和隐藏

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