思路:点击按钮,让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";
}