Javascript：未捕获的TypeError：无法读取未定义的属性'addEventListener'

Question

我的javascript代码出错。这是在我的网页中打开汉堡菜单。错误信息： 未捕获的TypeError：无法读取未定义的属性'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

  

无法读取未定义的属性'addEventListener'

这意味着toggleButton是undefined，所以最可能的问题是在document.getElementsByClassName("toggle-button")运行时，没有匹配的元素。