未定义不是一个功能

Question

目前正在学习本机JS并尝试创建交互式菜单。

我在点击menuBtn后尝试运行一个函数，但我在控制台中出现以下错误。

undefined is not a function 

这个问题的全局功能是什么？

(function () {
        'use strict';

        var menuBtn = document.getElementsByClassName('btn-nav');

        menuBtn.addEventListener('click', function() {
            console.log('clicked');
        }, false);

}());

HTML

<a href="#" class="btn-nav">
    <span></span>
    <span>Menu</span>
    <span></span>
</a>

Answer 1

您正在尝试向NodeList添加事件侦听器。你需要得到一个元素。

var menuBtn = document.getElementsByClassName('btn-nav')[0];