Javascript 错误：如何在隐藏和显示之间切换

正文{
保证金：0；
}
a{
文字装饰：无；
颜色：浅绿色；
}
a:悬停{
颜色：浅灰色；
}
/*整个酒吧*/
navbar先生{
显示器：flex；
证明内容：之间的空间；
对齐项目：居中；
背景色：白色；
填充：9px 12px；
}
/*菜单*/
.navbar_菜单{
显示器：flex；
列表样式：无；
左侧填充：0；
字体大小：33px；
字体系列：首字母；
}
.navbar_菜单li{
填充：8px 30px；
显示：内联；
}
.navbar_图标{
字母间距：30px；
列表样式：无；
显示器：flex；
弯曲方向：行；
宽度：200px；
颜色：浅灰色；
字号：2em；
左侧填充：0；
}
/*图标*/
.导航栏图标{
填充：8px 12px；
显示：无；
}
/*切换按钮*/
.navbar_toogleBtn{
位置：绝对位置；
/*화면이 작아졌을때만 나타남*/
显示：无；
右：32px；
字体大小：24px；
}
/*用于小屏幕*/
@媒体屏幕和屏幕（最大宽度：768px）{
/*导航集装箱*/
navbar先生{
弯曲方向：立柱；
对齐项目：居中；
填充：8px 24px；
}
/*菜单*/
.navbar_菜单{
显示：无；
弯曲方向：立柱；
对齐项目：居中；
填充物：5px10px；
证明内容：中心；
}
.navbar_菜单li{
宽度：100%；
文本对齐：居中；
显示：块；
}
.导航栏菜单a{
/*填写整行，以便用户可以单击任何空格*/
显示：块；
}
/*图标*/
.navbar_图标{
证明内容：中心；
显示：无；
弯曲方向：行；
宽度：100%；
字号：1.5em；
}
/*切换按钮*/
.navbar_toogleBtn{
显示：块；
}
/*单击切换按钮时-活动状态*/
.navbar_菜单。激活，
.navbar_图标。激活{
显示器：flex；
}
}

首页

const-toggleBtn=document.querySelector（'.navbar_uu-toggleBtn'）；
const menu=document.querySelector（'.navbar_uumenu'）；
const icons=document.querySelector（'.navbar__图标'）；
toggleBtn.addEventListener（'单击'，（）=>{
menu.classList.toggle（'active'）；
icons.classList.toggle（'active'）；
});如果看不到您的代码，就很难确定您的问题是什么。Null表示没有值或对象。当我们调用一个不存在的选择器时，我们可以触发相同的null错误。检查您是针对一个存在的id，还是使用它的类针对正确的元素

将代码交叉引用到下面的示例中，以查看是否遗漏了某些内容。这是最基本的例子


var-box=document.getElementById（'box'）；
document.getElementById（'button'）。addEventListener（'click'，function（）{
if（box.classList.contains（'active'））{
box.classList.remove（'active'）；
}否则{
box.classList.add（'active'）；
}
});
#按钮{
背景颜色：橙色；
边框：1px实心#000；
颜色：#000；
填充：0.5雷姆1雷姆；
光标：指针；
}
#盒子{
边缘顶端：2rem；
显示：无；
填充：1rem；
边框：1px实心#000；
}
#box.active{
显示：块；
}
点击我
我是一个盒子。请注意。
您将收到此错误（“bar.js:5 Uncaught TypeError:无法读取null的属性'addEventListener'），因为您在js中指定了无效的元素类

使用以下命令：

const toggleBtn = document.querySelector('.navbar_toogleBtn');
const menu = document.querySelector('.navbar_menu');
const icons = document.querySelector('.navbar_icons');

由于html中的元素是：

<a href="#" class="navbar_toogleBtn">
...
<ul class="navbar_menu">
...
<ul class="navbar_icons">


...

...

无法读取属性'addEventListener'为null“当您尝试访问不存在的元素时，会导致以下错误。如果您的检查元素已分配给add variable