html5怎样设置点击按钮后按钮消失

WBOY
Freigeben: 2022-01-23 14:10:17
Original
5769 Leute haben es durchsucht

方法:1、给按钮元素绑定click点击事件,并指定事件处理函数;2、在事件处理函数中,利用style属性和display属性设置点击按钮后按钮消失,语法为“按钮元素对象.style.display="none"”。

html5怎样设置点击按钮后按钮消失

本教程操作环境:windows10系统、HTML5版、Dell G3电脑。

html5怎样设置点击按钮后按钮消失

Style 对象代表一个单独的样式声明。可从应用样式的文档或元素访问 Style 对象。

使用 Style 对象属性的语法:

document.getElementById("id").style.property="值"
Nach dem Login kopieren

display 属性规定元素应该生成的框的类型。

当属性的值设置为none时,此元素不会被显示。

示例如下:

   
Nach dem Login kopieren

输出结果:

+1.gif

推荐教程:《html视频教程

Das obige ist der detaillierte Inhalt vonhtml5怎样设置点击按钮后按钮消失. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!