🔥🔥🔥欢迎关注csdn前端领域博主: 前端小王hs
🔥🔥🔥email: 337674757@
🔥🔥🔥前端交流群: 598778642
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个=,一个=是赋值,两个=是判定,三个=要看是不是相同地址