简单使用js点击事件让元素消失出现

1. 使用onclick让元素消失

方法一：使用display，元素会消失不占用空间

css部分

html与js部分

方法二：使用opacity，元素会消失不占用空间

 btnt.onclick = function () {
            if (btnxs.style.opacity == '0') {
                btnxs.style.opacity = '1'
            } else {
                btnxs.style.opacity = '0'
            }
        }

2. 使用焦点让元素消失（onfocus,onblur）

//获得焦点元素出现
btn2.onfocus=function(){
            btn1.style.display = 'block'
        }
//失去焦点元素消失
btn2.onblur=function(){
            btn1.style.display = 'none'
        }