js点击div显示消失的例子

思路:点击按钮，让div显示，再次点击，消失 .这里主要控制div样式的显示隐藏 。我们自定义一个a 让它来控制显示隐藏
这里用的非运算符，三目运算符
html

  <input type="button" id="btn" value='点击'/>
    <div id="box"></div>

js

  var oInput=document.getElementById('btn');
        var box=document.getElementById('box');
        console.log(oInput);
        console.log(box);
        var a=true;
        oInput.onclick=function(){
             a=!a;
             a?box.style.display="block":box.style.display="none";
        }