Javascript:未捕获类型错误:无法读取未定义的属性 'addEventListener'

Question

我的 JavaScript 代码出现错误。就是在我的网页中打开一个汉堡菜单。错误信息: 未捕获的类型错误:无法读取未定义的属性“addEventListener” 在 script.js:4

const toggleButton = document.getElementsByClassName("toggle-button")[0]
const navbarLinks = document.getElementsByClassName("navbar-links")[0]

toggleButton.addEventListener("click", function() {
  navbarLinks.classList.toggle("active")
})

出了什么问题？

Answer 1

Cannot read property 'addEventListener' of undefined

这意味着 toggleButton 是 未定义，因此最有可能的问题是当时 document.getElementsByClassName("toggle-button") 运行，没有匹配的元素。