Heim > Artikel > Web-Frontend > So stellen Sie ein, dass die Schaltfläche in HTML5 verschwindet, nachdem Sie darauf geklickt haben
Methode: 1. Binden Sie das Klickereignis an das Schaltflächenelement und geben Sie die Ereignishandlerfunktion an. 2. Verwenden Sie in der Ereignishandlerfunktion das Stilattribut und das Anzeigeattribut, um die Schaltfläche so einzustellen, dass sie nach dem Klicken auf die Schaltfläche verschwindet ist „Schaltflächenelement object.style .display="none"".
Die Betriebsumgebung dieses Tutorials: Windows 10-System, HTML5-Version, Dell G3-Computer.
Das Style-Objekt stellt eine separate Style-Anweisung dar. Auf ein Style-Objekt kann über das Dokument oder Element zugegriffen werden, auf das der Stil angewendet wird.
Verwenden Sie die Syntax des Style-Objektattributs:
document.getElementById("id").style.property="值"
Das Anzeigeattribut gibt den Typ des Felds an, den das Element generieren soll.
Wenn der Wert des Attributs auf „Keine“ gesetzt ist, wird dieses Element nicht angezeigt.
Das Beispiel sieht wie folgt aus:
<html> <head> <script type="text/javascript"> function setStyle() { document.getElementById("anniu").style.display="none"; } </script> </head> <body> <button onclick="setStyle()" id="anniu">按钮</button> </body> </html>
Ausgabeergebnis:
Empfohlenes Tutorial: „HTML-Video-Tutorial“
Das obige ist der detaillierte Inhalt vonSo stellen Sie ein, dass die Schaltfläche in HTML5 verschwindet, nachdem Sie darauf geklickt haben. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!