无法读取属性'；增补列表器'；javascript中空错误的定义

我正在尝试为主导航设置打开（+）和关闭（x）按钮的动画。它工作不正常，我得到这个错误

未捕获的TypeError:无法读取null的属性“addEventListener”

JavaScript

document.querySelector( "#nav-toggle" ).addEventListener( "click", function() {
  this.classList.toggle( "active" );
});

HTML

<a id="nav-toggle"   href="#navi" data-toggle="collapse" 
 data-target="#bs-example-navbar-collapse-1">
    <span></span>
</a>

---

您的代码应该可以工作。这可能是javascript何时运行的问题，也可能是与数据库冲突的问题。用于折叠的库可能正在覆盖您的id。请尝试使用firebug之类的页面检查器，以查明加载后id是否更改

下面是将链接切换到红色的代码

document.querySelector（“导航切换”）.addEventListener（“单击”，函数）（）{
this.classList.toggle（“活动”）；
});
.active{color:red}
document.querySelector（“导航切换”）将为null，这意味着它找不到任何元素。它是在文档加载后运行的吗？您能否提供一些代码，说明如何加载所有文档？你的听众没什么问题，只是找不到元素。你读过Felix Kling的问题吗？“好的，谢谢你，我会查的