JS实现点击显示/隐藏
JS实现点击显示/隐藏。
·
<body>
<button id="btn" type="button">点击显示/隐藏</button>
<p id="p"></p>
<script>
//获取元素
const btn = document.getElementById('btn');
const p = document.getElementById('p');
// console.log(p.style.display)
//设置点击事件
btn.onclick=function(){
// p.style.display='block'
if(p.style.display=='block'){
p.style.display='none'
}else{
p.style.display='block'
p.innerText='我显示啦'
}
}
</script>
</body>
为开发者提供学习成长、分享交流、生态实践、资源工具等服务，帮助开发者快速成长。
更多推荐
0
0- 0
已为社区贡献1条内容
所有评论(0)