JavaScript wird mit den HTML -Elementen verwendet, um interaktive Webanwendungen zu erstellen. Mit den HTML-Elementen wird ein Skript hinzugefügt, um Popup-Nachrichten, Formularvalidierung, Dropdown-Menü usw. zu generieren, usw. Mit JavaScript können Benutzer die Hintergrundfarbe von HTML -Elementen ändern. Diese Aktion kann dem Klickereignis der Schaltfläche zugeordnet werden, um die Funktionalität zu liefern, wenn der Benutzer es wünscht.

Dieser Beitrag bietet tiefe Einblicke, um Sie zu leiten, wie Sie die Hintergrundfarbe ändern, indem Sie das HTML drücken Taste.

Wie ändert sich die Hintergrundfarbe durch Klicken auf die Schaltfläche in JavaScript?

JavaScript fungiert als Katalysator mit HTML und CSS, um eine interaktive Schnittstelle für eine Webseite bereitzustellen. Dieser Abschnitt zeigt den JavaScript -Code, um die Hintergrundfarbe nach Klicken auf eine Schaltfläche zu transformieren.
Die Syntax zum Ändern der Hintergrundfarbe in JavaScript lautet wie folgt:

Syntax

dokumentieren.GetElementById ('ID').Stil.HintergrundColor = 'Farbe';

Die Syntax wird beschrieben als:

• Hintergrundfarbe repräsentiert die Eigenschaft, um die Hintergrundfarbe zu ändern.
• GetelementById Gibt an, dass Sie das spezifische HTML -Element lesen und bearbeiten.
• Farbe bezeichnet die benutzerdefinierte Farbe für die Anzeige.

Es wird ein Beispiel gegeben, um die Hintergrundfarbe durch Drücken/Klicken auf die Taste zu konvertieren.

Code

Beispiel, um die Hintergrundfarbe mit JavaScript zu ändern

Willkommen in JavaScript World

Drück es

Der Code wird hier erklärt:

• Das Div des HTML -Dokuments für die Hintergrundfarbe hat eine Breite und Höhe von 400px Und 300px bzw.
• Danach wird eine Nachricht angezeigt, in der es heißtWillkommen in JavaScript World”Im angegebenen Abschnitt.
• Eine HTML -Taste ist mit einem Tasten -Tag angehängt, das dem zugeordnet ist Farbfunktion () Methode.
• Mit dieser Methode wird die Farbe nach dem Drücken der “geändertDrück es" Taste.
• Nachdem der Klickereignis der Schaltfläche aufgerufen wurde, ändert sich die Farbe an “orange”.

Ausgabe, bevor Sie auf die Schaltfläche klicken:

In der Ausgabe ist Grün im Hintergrund des Textes vorhanden “Willkommen in JavaScript World”. Darüber hinaus eine HTML -Taste “Drück es" es ist angehängt.

Ausgabe nach dem Klicken auf die Schaltfläche:

Wenn die Taste gedrückt wird, ändert sich die grüne Farbe in Orange, wie im obigen Bild zu sehen ist.

Abschluss

In JavaScript wird die Hintergrundfarbe unter Verwendung der integrierten Eigenschaft des Datumsobjekts geändert. Diese Eigenschaft kann mit einer Veranstaltung in Verbindung gebracht werden ONCLICK des Knopfes. Beim Klicken auf die Schaltfläche wird die Hintergrundfarbe geändert. Hier haben Sie gelernt, wie die Hintergrundfarbe wird nach Klicken auf eine Schaltfläche in geändert JavaScript.