100字范文,内容丰富有趣,生活中的好帮手!
100字范文 > javascript实现单按钮显示隐藏元素

javascript实现单按钮显示隐藏元素

时间:2019-12-06 17:27:38

相关推荐

javascript实现单按钮显示隐藏元素

🔥🔥🔥欢迎关注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个=,一个=是赋值,两个=是判定,三个=要看是不是相同地址

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。