javascript实现单按钮显示隐藏元素
通过一个按钮,点击消失方块,再次点击出现方块
代码如下:
js部分:
function fun() { let a = document.getElementById('div_1') if(a.style.display == 'block'){ a.style.display = 'none' }else{ a.style.display = 'block' } }
html部分
<body> <center> <div id="div_1" style='display: block;'> </div> <input type="button" value="点击" id="inp_1" onclick="fun()" /> </center> </body>
需要注意的是要在div内设置display,用于切换属性
还有就是if判断是2个=,一个=是赋值,两个=是判定,三个=要看是不是相同地址