使用JavaScript显示隐藏列表

我想在单击输入时显示/隐藏列表中的项目。页面需要以未显示的列表开始，但代码仅在以显示的列表开始时有效

函数fAbreGuias{ var vGuias=document.getElementById'guias'； 如果vGuias.style.display==块{//如果vGuias隐藏，则显示它 vGuias.style.display=none； }否则{//如果vGuias显示，则将其隐藏 vGuias.style.display=块； } } 乌尔吉亚斯·李{ 显示：块； } 圭亚1号 圭亚2号 圭亚那3号

---

在你的css中，我可以看到你将ul添加到了你的css中。它应该是GUI，因为这可能会有帮助

函数fAbreGuias{ var vGuias=document.getElementById'guias'； 如果vGuias.style.display==块{//如果vGuias隐藏，则显示它 vGuias.style.display=none； } 否则{//如果vGuias显示，则将其隐藏 vGuias.style.display=块； } } ulguias{display:none；} 乌尔吉亚斯·李{ 显示：块； } 圭亚1号 圭亚2号 圭亚那3号

---

用下面的CSS替换你的CSS，你瞄准了错误的元素

ul#guias{
  display: none;
}

---

StyleDisplay属性用于通过使用JavaScript/jQuery访问DOM元素来隐藏和显示HTMLDOM的内容。要隐藏元素，请将“样式显示”属性设置为“无”。document.getElementByIdeElement.style.display=none；要显示元素，请将样式显示属性设置为“block”

问题在于css。添加另一个标记为UIAS的样式并将显示设置为无。

将您的设置为显示：无；要隐藏列表，父元素ul的id必须显示为：none；这样，当点击输入时，所需的功能将生效

要隐藏元素，请将“样式显示”属性设置为“无”。document.getElementByIdeElement.style.display=none；要显示元素，请将“样式显示”属性设置为“块”以隐藏列表

document.querySelector('#guias').style.display = 'none';

显示列表

document.querySelector('#guias').style.display = 'block';

---

你能分享一下fiddle的例子吗？问题是你的CSS设置了元素的显示，但是你的JavaScript改变了No的显示，这是不正确的。虽然guias也会选择相同的无序列表，但在ul前面加上前缀只会使选择器更具限制性，但仍然有效。假设他们有一个脚本将ID移动到一个段落，尽管这可能很奇怪，那么CSS规则将不适用。但是ID只能使用一次，并且ID在脚本中被重新定义，因此仅使用ID将阻止列表。