从品牌网站建设到网络营销策划,从策略到执行的一站式服务
本文小编为大家详细介绍“html5如何设置点击按钮后按钮消失”,内容详细,步骤清晰,细节处理妥当,希望这篇“html5如何设置点击按钮后按钮消失”文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,一起来学习新知识吧。
我们提供的服务有:网站设计制作、做网站、微信公众号开发、网站优化、网站认证、达川ssl等。为上千企事业单位解决了网站和推广的问题。提供周到的售前咨询和贴心的售后服务,是有科学管理、有技术的达川网站制作公司
方法:1、给按钮元素绑定click点击事件,并指定事件处理函数;2、在事件处理函数中,利用style属性和display属性设置点击按钮后按钮消失,语法为“按钮元素对象.style.display="none"”。
本教程操作环境:windows10系统、HTML5版、Dell G3电脑。
Style 对象代表一个单独的样式声明。可从应用样式的文档或元素访问 Style 对象。
使用 Style 对象属性的语法:
document.getElementById("id").style.property="值"
display 属性规定元素应该生成的框的类型。
当属性的值设置为none时,此元素不会被显示。
示例如下:
输出结果:
读到这里,这篇“html5如何设置点击按钮后按钮消失”文章已经介绍完毕,想要掌握这篇文章的知识点还需要大家自己动手实践使用过才能领会,如果想了解更多相关内容的文章,欢迎关注创新互联行业资讯频道。
成都网站建设公司地址:成都市青羊区太升南路288号锦天国际A座10层 建设咨询028-86922220
成都快上网科技有限公司-四川网站建设设计公司 | 蜀ICP备19037934号 Copyright 2020,ALL Rights Reserved cdkjz.cn | 成都网站建设 | © Copyright 2020版权所有.
专家团队为您提供成都网站建设,成都网站设计,成都品牌网站设计,成都营销型网站制作等服务,成都建网站就找快上网! | 成都网站建设哪家好? | 网站建设地图