HTML, CSS und JavaScript sind wesentliche Teile des Erstellens einer interaktiven Website. Die meisten Entwickler verwendeten die Inline -CSS -Formatierung, um Stile in HTML -Element -Tags zu implementieren. Einer von ihnen, ein Stilattribut, hat seine eigene Bedeutung in Ändern der Hintergrundfarbe von HTML -Elementen. Es wird auf verschiedenen Elementen wie implementiert, z Überschriften, Absätze, Tische, oder ganze Seiten. Dieses Stilattribut kann auch über JavaScript verwendet werden. Dieser Artikel zeigt, wie die Hintergrundfarbe in JavaScript ändert.

So ändern Sie die Hintergrundfarbe in JavaScript?

Die Eigenschaft "Hintergrundfarbe" wird verwendet, um die Farbe des angegebenen Elements zurückzugeben. Benutzer können auf das HTML -Element zugreifen und diese Eigenschaft dann anwenden, um die Hintergrundfarbe zu ändern. Die Syntax wird hier angegeben, indem die Hintergrundfarbe in JavaScript zugewiesen wird.

Syntax

Objekt.Stil.HintergrundColor = "Farbe"

In dieser Syntax “,“Farbe”Repräsentiert den Wert der Farbe, die dem zugeordnet werden soll "Hintergrundfarbe" Eigentum eines HTML Objekt.

Notiz: Benutzer können angeben "Farbe”Als Name der Farbe, RGB -Werte oder Sechskantfarbcodes.

Beispiel 1: Ändern Sie die Hintergrundfarbe des angegebenen Bereichs in JavaScript

Ein Beispiel ist angepasst, um die Hintergrundfarbe eines bestimmten Bereichs zu ändern. Der folgende Beispielcode bezieht sich auf die Änderung der Hintergrundfarbe des DIV mit "Id = txt":

Code

Ein Beispiel, um die Hintergrundfarbe zu ändern

Willkommen bei JavaScript
Taste

In diesem Code:

• Ein bestimmter Bereich wird von zugeordnet von > Tags und eine Nachricht "Willkommen bei JavaScript" ist darin geschrieben.
• A "Taste" ist mit dem angebracht "Col ()" Methode, die durch Drücken ausgelöst wird.
• Im "Col ()" Methode, dokumentieren.GetelementById extrahiert den Wert des DIV -Elements mit "Id = txt" und sein Wert wird in einer Variablen namens gespeichert “Ucol“.
• Endlich, das "Stil.Hintergrundfarbe" Eigenschaft wird verwendet, um die Hintergrundfarbe durch Zuweisen zu ändernGelb".

Ausgang

Die Ausgabe zeigt, dass durch Drücken der Taste die Hintergrundfarbe der Nachricht geändert wird.

Beispiel 2: Ändern Sie die Hintergrundfarbe der gesamten Seite in JavaScript

Ein weiteres Beispiel ist die Änderung der vollständigen Hintergrundfarbe einer Webseite auf Blau durch Verwendung der Hex Code #0000ff. Der folgende Code bezieht sich auf das oben angegebene Szenario:

Code

Willkommen bei LinuxHint

Hintergrundfarbe ändern

Der Code wird nachgewiesen als:

• Ein Knopf "Hintergrundfarbe ändern" wird beschäftigt, was mit a verbunden ist "Myfun ()" Methode.
• In "Myfun ()", die Style -Immobilie “Hintergrundfarbe" ist eingestellt auf " #0000ff" als Sechskantcode.
• Der "Myfun ()" Methode wird auf der ausgelöst "Onclick" Durch Drücken der Taste.

Ausgang

Die Ausgabe zeigt, dass die Hintergrundfarbe von Weiß nach blau geändert wird, indem die Taste im Browserfenster gedrückt wird.

Abschluss

In JavaScript die Stil.HintergrundcoloR -Eigenschaft wird zum Ändern der Hintergrundfarbe verwendet. Der Farbwert kann in RGB, Hex Code oder seinem Namen sein. In diesem Artikel werden zwei Beispiele bereitgestellt, um die Hintergrundfarbe nach Namen und Hex -Code eines bestimmten Bereichs sowie auf der gesamten Seite zu ändern. Der Hintergrundfarbe Eigenschaft ist nützlich, um die Hintergrundfarbe von Überschriften, Tabellen oder bestimmten Elementen zu ändern.