Question

首先，对不起我的英语，但是你能告诉我我做错了什么吗？错误：

未捕获的TypeError：无法读取null的属性“ classList”

// get 'hamburger' class from html
const hamburger = document.querySelector('.hamburger');

// handle click on hamurger and add class 'hamburger-active' to it
function handleClick(){
    hamburger.classList.toggle('hamburger-active');
}

Answer 1

找不到类名称为.hamburger的元素，因此变量hamburger为null。由于变量为null，因此您无法读取其classList属性（null值没有任何属性）。

要解决该错误，请在运行代码的第一行（.hamburger）时确保DOM包含一个类名称为const hamburger = document.querySelector('.hamburger');的元素。您可以在下一行添加console.log(hamburger);，以检查变量的值。

您还可以在尝试切换类null之前检查变量是否为hamburger-active：

function handleClick(){
    if (hamburger !== null){
        hamburger.classList.toggle('hamburger-active');
    }
}

无法读取null的属性“ classList”

1 个答案: