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";