Heim  >  Artikel  >  Web-Frontend  >  So stellen Sie ein, dass die Schaltfläche in HTML5 verschwindet, nachdem Sie darauf geklickt haben

So stellen Sie ein, dass die Schaltfläche in HTML5 verschwindet, nachdem Sie darauf geklickt haben

WBOY
WBOYOriginal
2022-01-23 14:10:175870Durchsuche

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"".

So stellen Sie ein, dass die Schaltfläche in HTML5 verschwindet, nachdem Sie darauf geklickt haben

Die Betriebsumgebung dieses Tutorials: Windows 10-System, HTML5-Version, Dell G3-Computer.

So stellen Sie in HTML5 ein, dass die Schaltfläche verschwindet, nachdem Sie darauf geklickt haben.

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:

So stellen Sie ein, dass die Schaltfläche in HTML5 verschwindet, nachdem Sie darauf geklickt haben

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!

Stellungnahme:
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