Javascript 单击并关闭导航

我仍在学习使用普通的香草javascript。我试图隐藏我的幻灯片切换，甚至是当用户点击任意链接时关闭的下拉菜单的整个背景。我是否遗漏了什么，因为我没有收到任何错误，但它在slideToggle类上没有显示任何错误

js

var-anchors=document.querySelectorAll（“.a”）；
对于（var i=0；i

html

主导航
切换

不要使用document.queryselectoral（“a”）使用document.queryselectoral（“a”）。此外，我没有看到一个元素作为类使用slideToggle。使用“.”作为选择器意味着您正在搜索一个类。

我在您的html代码中没有看到“a”

class

。啊，我不能这样做。a href？否。。只需使用“a”，但它将使用html中的所有

。。最好添加类。dot（.）是一个类选择器，只需使用

（.a”）

而不是

（.a”）

，但是代码中的错误要多得多。

querySelectorAll（.a”）

返回带有

class=“a”

属性的所有元素

var anchors = document.querySelectorAll(".a");
for (var i = 0; i < anchors.length; i++) {
     anchors[i].addEventListener('click', function(e){
var btn = document.querySelector(".slideToggle");
    if (window.getComputedStyle(btn,null).getPropertyValue("display") != 'none') {
  btn.click();
    }
  })
}

<nav id="mainNav">
    <h1 class="hidden">Main Navigation</h1>
        <button id="button"><span class="hidden">Toggle</span></button>
    <ul id="burgerMenu">
        <li><a href="#mainNav">Home</a></li> 
        <li><a href="#latestWork">Latest Work</a></li>
        <li><a href="#About">About</a></li>
        <li><a href="#rates1">Prices</a></li>
        <li><a href="#pageFooter">Contact</a></li>
        </ul>
    </nav>