Javascript 如何在单击时隐藏类名为button的div？

我需要点击-按钮来隐藏每个div，但在我的代码中，这里只隐藏第一个div，然后就不工作了

const closeInnermenu=document.querySelector（'closeInnrmenu'）；
const innerC=document.querySelector（“.inner container”）
closeInnermenu.addEventListener（'单击'，（）=>{
innerC.style.display='none'
})

演示1
演示2

使用

document.queryselectoral（'.closeinrmenu'）

而不是

document.querySelector

获取所有按钮，因为这只会给出第一个匹配元素。然后迭代并将事件侦听器添加到按钮，以便单击获取最近的div并向其添加样式

这里还有一个类型错误

constcloseinnermenu=document.querySelector（'closeinrnermenu'）。您需要传递点作为类选择器


document.queryselectoral（'.closeinrnermenu'）.forEach（（项）=>{
item.addEventListener（'单击'，函数（））{
this.closest（'div'）.style.display='none'
})
})

演示1
接近
演示2
接近
使用
document.queryselectoral（'.closeinrmenu'）
而不是
document.querySelector
获取所有按钮，因为这只会给出第一个匹配元素。然后迭代并将事件侦听器添加到按钮，以便单击获取最近的div并向其添加样式

这里还有一个类型错误
constcloseinnermenu=document.querySelector（'closeinrnermenu'）。您需要传递点作为类选择器


document.queryselectoral（'.closeinrnermenu'）.forEach（（项）=>{
item.addEventListener（'单击'，函数（））{
this.closest（'div'）.style.display='none'
})
})

演示1
接近
演示2
接近
使用：


let buttonClose=document.queryselectoral（'.closeinrnermenu'））
用于（让按钮的BTN关闭）{
btns.addEventListener（'click'，函数func（e）{
this.parentNode.style.display='none'
})
}

演示1
接近
演示2
接近
使用：


let buttonClose=document.queryselectoral（'.closeinrnermenu'））
用于（让按钮的BTN关闭）{
btns.addEventListener（'click'，函数func（e）{
this.parentNode.style.display='none'
})
}

演示1
接近
演示2
接近
您可以委派

如果不想在div中换行，请使用

document.addEventListener('click'

我包好了


document.getElementById（“容器”）.addEventListener（'click'，（e）=>{
常数tgt=e.target；
if（tgt.classList.contains（“closeInnrmenu”））{
tgt.previousElementSibling.style.display='none'
}  
})

演示1
演示2
您可以委派

如果不想在div中换行，请使用

document.addEventListener('click'

我包好了


document.getElementById（“容器”）.addEventListener（'click'，（e）=>{
常数tgt=e.target；
if（tgt.classList.contains（“closeInnrmenu”））{
tgt.previousElementSibling.style.display='none'
}  
})

演示1
演示2
我给你写了一个片段。它给出了一个明确的控制台错误，我给了你一个片段。它给出了一个明确的控制台错误，更优雅我不想添加div，因为我在这个内部容器中有很多div。添加一个选择器来定位element@FrontEndDeveloper只需使用最近的静态容器-如果没有，请使用
document.addEventListener（'单击'
Thank you all:）更优雅我不想添加div，因为此内部容器中有许多div。请添加选择器以将element@FrontEndDeveloper只需使用最近的静态容器-如果没有，请使用
document.addEventListener（'单击'
Thank you all:）