Javascript me代码(dom+onclick+li+display)有什么问题?

Javascript me代码(dom+onclick+li+display)有什么问题?,javascript,html,css,Javascript,Html,Css,工作 不起作用 tutorial.onclick = function(){ var tutorial = document.getElementById("tutorials-ul"); tutorial.style.display = "list-item"; } 任何答案或意见都被接受。我假设外部消息是一个按钮,它已经通过其ID分配给变量或默认全局变量 问题是,如果元素本身的style属性中没有显示集,那么它的初始值将取代CSS中给定的值 因此

工作

不起作用

tutorial.onclick = function(){      
    var tutorial = document.getElementById("tutorials-ul");    
    tutorial.style.display = "list-item";    
}
任何答案或意见都被接受。

我假设外部消息是一个按钮,它已经通过其ID分配给变量或默认全局变量

问题是,如果元素本身的style属性中没有显示集,那么它的初始值将取代CSS中给定的值

因此,与其与无进行比较,不如与进行比较

news.onclick=函数{ var news=document.getElementByIdnews-ul; 如果news.style.display=={ news.style.display=列表项; }否则{ news.style.display=; } } 新闻ul{ 显示:无 } 点击查看新闻 测验
我用这个堆栈溢出找到了它

显示和隐藏嵌套uls的正确代码为

news.onclick=函数{

var news=document.getElementByIdnews-ul

函数compareDisplayValue{

var element=document.getElementByIdnews-ul

var style=window.getComputedStyleelement

var display=style.getPropertyValue'display'

ifdisplay==无{

news.onclick = function(){    
var news = document.getElementById("news-ul");    

if(news.style.display == "none") {     
  news.style.display = "list-item";    
}

else if(news.style.display == "list-item") {    
   news.style.display = "none";
}    
}
}

如果display==列表项,则为else{

 news.style.display = "list-item"; 
}

}

比较显示值


}

这个问题并没有说明问题所在。。。。工作/不工作不能告诉我们任何事情。请解释您试图实现的目标。在浏览器控制台中出现任何错误?请共享相同的。请阅读,以及如何创建。我想制作一个包含嵌套li的下拉列表,当您单击它以显示嵌套li标记,然后再次单击以隐藏它。顺便说一下,控制台上没有错误
 news.style.display = "none";