未定义不是一个功能

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];