document.getElementById('#ham')找不到元素

Question

每当我在javascript中添加一个addEventListener或切换时，我就会得到“无法读取*空”或“无法读取未定义的内容”。我尝试了许多不同的方法来解决这个问题，删除javascript文件并重新创建它，将所有内容放入一个"addEventListener('DOMContentLoaded，.“)中，将javascript代码移动到html文件中。没有什么工作，我不知道为什么。我尝试了他们在互联网上所说的所有工作方式。

const hamn= document.getElementById('#ham')

const navLinks= document.getElementById('#navLink')

function openMenu() {
navLinks.classList.toggle('hidden')
}

hamn.addEventListener('click', openMenu)

Answer 1

getElementById已经知道您将传递一个id (因此名字中的ById！)，所以您需要从传递给它的字符串中删除#。#仅在CSS中用于表示id选择器。

如果您使用的是#，而不是getElementById，那么您只需要使用querySelector(cssSelectorString)，它要求您传递一个有效的CSS选择器。

const hamn= document.getElementById('ham')
const navLinks= document.getElementById('navLink')

function openMenu() {
    navLinks.classList.toggle('hidden')
}

hamn.addEventListener('click', openMenu)