Javascript 单击某个div时停止播放

我有一个可以显示或不显示的div。当它是display时，如果您单击该div之外的某个位置，我希望将display传递给none。因此，我所做的是：

document.addEventListener('click',closeDiv)
document.getElementById('myDiv').addEventListener('click',stopPropagation)
function closeDiv(){
    let div = document.getElementById('myDiv')
    div.style.display='none'
}

---

但是，即使我单击div，如果您创建一个

窗口，显示也将变为无

这个功能是：


let myDiv=document.querySelector（'myDiv'）；
功能输出div（事件）{
如果（！myDiv.classList.contain（event.target））{
//做点什么
}
}
找到了解决方案：

 document.addEventListener('click',closeModal)
document.getElementById('myDiv').addEventListener('click',stopPropagation)
function stopPropagation(e){
    e.stopPropagation();
}
function closeDiv(){
    let div = document.getElementById('myDiv')
    div.style.display='none'
}

为什么DOM节点是css类列表的一个元素？O.O