So ändern Sie eine Element -Hintergrundfarbe in JavaScript

Mit JavaScript müssen Sie möglicherweise einige Daten oder ein Element in Ihrer Webseite hervorheben. Außerdem verbessert es die Sichtbarkeit des Elements mit verschiedenen Farben und macht die Gesamtwebseite attraktiver. In solchen Fällen ist das Hinzufügen und Ändern der Hintergrundfarbe eines Elements sehr effektiv, um die Aufmerksamkeit des Lesers zu erregen und das Website -Design zu verbessern.

Mit diesem Bericht werden Sie dazu veranlasst, den Hintergrund des Elements in JavaScript zu ändern.

So ändern Sie eine Element -Hintergrundfarbe in JavaScript?

Um die Hintergrundfarbe eines Elements in JavaScript zu ändern, wenden Sie die folgenden Techniken an:

• Hintergrundkoloreigenschaft mit Farbe
• BackgroundColor -Eigenschaft mit Farbcode

Die genannten Ansätze werden nacheinander nachgewiesen!

Methode 1: Ändern Sie eine Element -Hintergrundfarbe in JavaScript mithilfe von HintergrundColor -Eigenschaft mit Farbe

Der "HintergrundfarbeDie Eigenschaft legt die Hintergrundfarbe des angegebenen Elements fest. Diese Eigenschaft kann in jedem der hinzugefügten HTM -Elemente implementiert werden, indem er auf seine ID zugreift und ihm eine Hintergrundfarbe zugewiesen wird.

Syntax

Hier das "Objekt”Bezieht sich auf das Element, auf das die Hintergrundfarbe angewendet wird.

Das folgende Beispiel erklärt das angegebene Konzept.

Beispiel

Im folgenden Beispiel wird dem Überschriften -Tag eine ID mit dem Namen “zugewiesen“Ausweis" und das "Hintergrundfarbe!" Wert:

Als nächstes in der JavaScript -Datei die “dokumentieren.GetElementById ()"Methode wird auf die" zugreifen "Ausweis”Des Überschriftenelements. Danach weist die Eigenschaft von HintergrundColor den Farbwert zu “Hellgrün”Gegen die ID, die sich auf den angegebenen Überschriftenwert im vorherigen Schritt bezieht:

Die Ausgabe der obigen Implementierung erfolgt wie folgt:

Im Ausgang wird beobachtet, dass die Hintergrundfarbe nur auf das ausgewählte Überschriftenelement angewendet wird.

Methode 2: Ändern Sie eine Element -Hintergrundfarbe im JavaScript mithilfe von HintergrundColor -Eigenschaft mit Farbcode

Wie bereits erwähnt, die “HintergrundfarbeDie Eigenschaft legt die Hintergrundfarbe des angegebenen Elements fest. Diese Eigenschaft kann auch auf dem angegebenen Element mit dem RGB -Farbcode implementiert werden.

Schauen Sie sich das folgende Beispiel zur Demonstration an:

Beispiel

Erstens werden wir einen Absatz mit dem hinzufügen

Tag und zuweisen Sie es eine ID mit dem Namen “AusweisUnd ein Wert wie unten gezeigt:

Als nächstes das "GetElementById ()Die Methode greift in ähnlicher Weise mit der angegebenen ID auf das Absatzelement zu und ordnet die Hintergrundfarbe mithilfe der Eigenschaft von HintergrundColor zu. Hier, "#090”Zeigt die“ an "RGB”Code mit mittlerem dunklem Farbton der grünen Farbe:

Ausgang

In der obigen Implementierung ist die grüne Farbe ein Ergebnis von “RGB-> 090”, In dem 9 die Intensität der grünen Farbe bezieht.

Abschluss

Um die Hintergrundfarbe eines Elements in JavaScript zu ändern, die “HintergrundfarbeEigenschaft mit der Farbmethode kann verwendet werden, um auf die spezifische ID zuzugreifen und eine bestimmte Hintergrundfarbe zuzuweisen. Es wird mit dem verwendet “RGB”Code, um einen bestimmten Farbton auf das ausgewählte HTML -Element anzuwenden. Dieser Artikel leitet sich auf die Methode zur Änderung der Hintergrundfarbe des Elements in JavaScript.