代码之家 › 专栏 › 技术社区 › Bumboobee

错误Uncaught TypeError:无法读取分离文件中null的属性(读取'addEventListener')

addeventlistener jquery html javascript

Bumboobee · 技术社区 · 2 年前

只有当a将此JavaScript代码放在一个单独的文件中,并链接到我的Html时,这个错误才会一直显示给我。。。如果他们插入一个标签,他们工作得很好。。。

script.js:4 Uncaught TypeError: Cannot read properties of null (reading 'addEventListener')

Html:

<div class="navbarr__toggle" id="mobile-menu">
                <span class="barr"></span>
                <span class="barr"></span>
                <span class="barr"></span>
            </div>
            <ul class="navbarr__menu">
                <li class="navbarr__item">
                    <a href="#me" class="navbarr__links"><span>01. &nbsp;</span> About me </a>
                </li>
                <li class="navbarr__item">
                    <a href="#work" class="navbarr__links"><span>02. &nbsp;</span> Projects</a>
                </li>
            </ul>

JavaScript:

console.log("out of script");
let menu = document.querySelector('#mobile-menu');
let menuLinks = document.querySelector(".navbarr__menu");
menu.addEventListener('click', function(){
    console.log("!I here");
    menu.classList.toggle('is-active');
    menuLinks.classList.toggle('active');
    
})

这里有什么问题?请注意,我一直在链接。Js文件到我的。Html。。。