javascript隐藏元素的方法：1、使用“元素对象.style.display=”none””语句；2、使用“元素对象.style.visibility=”hidden””语句；3、使用“元素对象.style.opacity=0”语句。
本教程操作环境：windows7系统、javascript1.8.5版、Dell G3电脑。
javascript隐藏元素的几种方法
第一种
nbsp;html> #myBtn { width: 300px; height: 150px; background-color: rgb(16, 130, 150); color: coral; font-size: 35px; } 隐藏元素 var btn = document.getElementById("myBtn") btn.addEventListener('click', function (event) { document.getElementById("myBtn").style.display = "none"; })
登录后复制
第二种
立即学习“Java免费学习笔记（深入）”；
nbsp;html>隐藏元素 #myBtn { width: 300px; height: 150px; background-color: rgb(220, 140, 228); color: coral; font-size: 35px; } var btn = document.getElementById("myBtn") btn.addEventListener('click', function (event) { document.getElementById("myBtn").style.visibility = "hidden"; })
登录后复制
第三种
nbsp;html>隐藏元素 #myBtn { width: 300px; height: 150px; background-color: rgb(192, 231, 128); color: coral; font-size: 35px; } var btn = document.getElementById("myBtn") btn.addEventListener('click', function (event) { document.getElementById("myBtn").style.opacity = 0; })
登录后复制
第四种
nbsp;html>隐藏元素 #myBtn { width: 300px; height: 150px; background-color: rgb(156, 97, 121); color: coral; font-size: 35px; } var btn = document.getElementById("myBtn") btn.addEventListener('click', function (event) { $("#myBtn").hide(); })
登录后复制
end~
【相关推荐：javascript学习教程】
以上就是javascript怎么隐藏元素的详细内容，更多请关注【创想鸟】其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至253000106@qq.com举报，一经查实，本站将立刻删除。
发布者：PHP中文网，转转请注明出处：https://www.chuangxiangniao.com/p/2937991.html
