Javascript 为什么不是';t';menuBtn.addEventListner和#x27;函数?

Javascript 为什么不是';t';menuBtn.addEventListner和#x27;函数?,javascript,methods,Javascript,Methods,这里有一个问题。为什么“menuBtn.addEventListner”不是一个函数? 为什么第二个错了 感谢您的友好解释:)您可以将事件侦听器添加到单个节点/按钮,而不是按钮数组。这就是为什么我们使用第二个是错误的 这个也可以帮助你 您可以将事件侦听器添加到单个节点/按钮,而不是按钮数组。这就是为什么我们使用第二个是错误的 这个也可以帮助你 document.querySelectorAll(…)返回一个,而不是一个可以调用该方法的元素。您可以迭代由document.querySelector

这里有一个问题。为什么“menuBtn.addEventListner”不是一个函数? 为什么第二个错了


感谢您的友好解释:)

您可以将事件侦听器添加到单个节点/按钮,而不是按钮数组。这就是为什么我们使用第二个是错误的

这个也可以帮助你
您可以将事件侦听器添加到单个节点/按钮,而不是按钮数组。这就是为什么我们使用第二个是错误的

这个也可以帮助你

document.querySelectorAll(…)
返回一个,而不是一个可以调用该方法的元素。您可以迭代由
document.querySelectorAll(…)
返回的集合,并在集合中的每个元素上添加事件侦听器,或者利用并仅在公共父元素上添加单个事件侦听器。menuBtn是,如果只有一个按钮,那么最好使用ID而不是类,然后可以使用
document.getElementById('menu-btn')选择它
文档.查询选择器(“#菜单btn”)
document.querySelectorAll(…)
返回一个,而不是一个可以调用该方法的元素。您可以迭代由
document.querySelectorAll(…)
返回的集合,并在集合中的每个元素上添加事件侦听器,或者利用并仅在公共父元素上添加单个事件侦听器。menuBtn是,如果只有一个按钮,那么最好使用ID而不是类,然后可以使用
document.getElementById('menu-btn')选择它
文档.查询选择器(“#菜单btn”)请以文本形式包含答案。链接可能会失效,那么这个答案对任何人都没有帮助。请将答案作为文本包含在内。链接可能会失效,那么这个答案对任何人都没有帮助
const menuBtn = document.querySelectorAll(".menu-btn")

menuBtn.forEach(function(btn) {
    btn.addEventListener("click", function(e){
        let menuID = e.currentTarget.dataset.id;
    })
})

menuBtn.addEventListener("click", function(e) {
    let menuID = e.currentTarget.dataset.id;
})