Heim > Web-Frontend > js-Tutorial > Hauptteil

So verstecken Sie div in Javascript

藏色散人
Freigeben: 2023-01-03 09:31:40
Original
12575 Leute haben es durchsucht

So verstecken Sie ein Div mit JavaScript: Erstellen Sie zuerst ein Modul mit dem div-Tag und legen Sie seine ID auf mydiv fest. Erstellen Sie dann eine Schaltfläche mit dem Button-Tag und binden Sie das Onclick-Ereignis an die Schaltflächenschaltfläche ()-Funktion ist ausreichend.

So verstecken Sie div in Javascript

Die Betriebsumgebung dieses Artikels: Windows 7-System, JavaScript-Version 1.8.5, DELL G3-Computer.

Erstellen Sie eine neue HTML-Datei mit dem Namen test.html, um zu erklären, wie Sie ein Div mit js ausblenden.

So verstecken Sie div in Javascript

Erstellen Sie in der Datei test.html ein Modul mit dem div-Tag und setzen Sie seine ID auf mydiv.

So verstecken Sie div in Javascript

Legen Sie im CSS-Tag den Stil des Div über die ID (mydiv) fest, definieren Sie seine Breite auf 100 Pixel, die Höhe auf 100 Pixel und die Hintergrundfarbe auf Rot.

So verstecken Sie div in Javascript

Verwenden Sie in der Datei test.html das Button-Tag, um eine Schaltfläche zu erstellen, binden Sie das Onclick-Klickereignis an die Schaltflächenschaltfläche und führen Sie die Funktion hideDiv() aus, wenn auf die Schaltfläche geklickt wird.

So verstecken Sie div in Javascript

Erstellen Sie im js-Tag die Funktion hideDiv(). Verwenden Sie innerhalb der Funktion die Methode getElementById(), um das div-Objekt über die ID (mydiv) abzurufen Einspruch gegen niemanden. Erkenne das Verstecken von div. [Empfohlenes Lernen: js-Grundlagen-Tutorial]

So verstecken Sie div in Javascript

Öffnen Sie die Datei test.html im Browser und klicken Sie auf die Schaltfläche, um die Ergebnisse anzuzeigen.

So verstecken Sie div in Javascript

Das obige ist der detaillierte Inhalt vonSo verstecken Sie div in Javascript. 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
Beliebte Tutorials
Mehr>
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!