Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/401.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript classList切换显示并立即隐藏我要显示的内容_Javascript_Dom_Addeventlistener - Fatal编程技术网

Javascript classList切换显示并立即隐藏我要显示的内容

Javascript classList切换显示并立即隐藏我要显示的内容,javascript,dom,addeventlistener,Javascript,Dom,Addeventlistener,最近我的浏览器上的addEventListener出现问题。起初我收到304条消息,然后我尝试在我的一个元素中打开和关闭类名 任务很简单-我想在单击菜单图标时显示菜单项列表。每次单击菜单图标时,菜单项都会出现,然后立即消失。我只希望当我点击菜单图标时,这些项目会出现,并保持在那里,直到我再次点击菜单图标,它就会消失。出于某种奇怪的原因,我得到了一种奇怪的眨眼效果 console.log(“测试”); var button=document.getElementById('mobile-menu

最近我的浏览器上的addEventListener出现问题。起初我收到304条消息,然后我尝试在我的一个元素中打开和关闭类名

任务很简单-我想在单击菜单图标时显示菜单项列表。每次单击菜单图标时,菜单项都会出现,然后立即消失。我只希望当我点击菜单图标时,这些项目会出现,并保持在那里,直到我再次点击菜单图标,它就会消失。出于某种奇怪的原因,我得到了一种奇怪的眨眼效果

console.log(“测试”);
var button=document.getElementById('mobile-menu');
var submenu=document.getElementsByClassName('submenu')[0];
addEventListener('click',function(){
submenu.classList.toggle('submenu--visibility');
});
/*重置*/
/*印刷术*/
/*颜色*/
/*布局*/
/*块组件*/
.标志{
宽度:7雷姆;
}
/*元素*/
.导航图标-单位{
字体大小:1.5rem;
}
/*修饰语*/
.横幅--可见性{
显示:无;
}
.跟随--可见性{
显示:无;
}
.子菜单-可见性{
显示:无;
}
.nav--平板电脑桌面{
显示:无;
}
/*媒体查询/响应式设计*/
@仅介质屏幕和(最小宽度:768px){
.横幅--可见性{
显示:块;
}
.nav-移动{
显示:无;
}
.nav--平板电脑桌面{
显示器:flex;
证明内容:之间的空间;
对齐项目:居中;
}
}

每个人的秋季食谱
请继续关注我们: