js点击按钮div显示，点击其它地方将显示的DIV隐藏

js点击按钮将DIV的透明度设为1，点击网页其他地方讲div的透明度重设为0

 
function btnClick() {
    document.getElementById('xxx').style.opacity = 1
    其它地方的设置为0，写在外面
        document.getElementById('xxx').style.opacity = 0
   
}

楼上这个思路有问题，element ui的思路是 先将一个创建一个div大小为全屏，这样好操作这个div，然后把你的内容区域放小一点，然后在点击非内容区域的地方隐藏这个大的div 或者在点击上面的按钮时，将大的div隐藏。

这应该是你想要的效果吧

这个好实现
1.获取body元素
document.body.onclick = ()=>{
将你的指定div隐藏
}
2.获取指定元素
document.querySelector(指定元素).onclick = ()=>{
指定div显示
}
ps:特别注意 因为指定元素在body中 所以要在指定元素上加防止事件穿透