Question

我正在学习javascript，但是控制台说：document is not defined。在此代码中：

var btnMenu = document.getElementById('btn-menu');
var nav = document.getElementById('nav');

btnMenu.addEventListener('click'), function(){
  nav.classList.toggle('show');
})

我不知道怎么了，你能帮我吗？

Answer 1

我已经在JsFiddle中测试了您的代码，并且在'click'之后有一个不需要括号的错误。

var btnMenu = document.getElementById('btn-menu');
var nav = document.getElementById('nav');

btnMenu.addEventListener('click', function(){
  nav.classList.toggle('show');
})

.show {
    width: 250px;
    height: 100px;
    background-color: red;
    text-align: center;
    font-size: 35px;
    color: blue;
}

<div><input type ="submit" id="btn-menu" value="Menu Button"/>
<nav id="nav">The nav</nav>

</div>

因此，我添加了引用您代码的html标签，还添加了一些CSS代码，这些代码需要在单击时从按钮中获取更改。

注意。这只是一个示例，说明如何使用addEventListener和classList.toggle并使代码段正常工作。

未定义Javascript“文档”

1 个答案: