HTML, CSS i JavaScript są niezbędnymi częściami budowy interaktywnej strony internetowej. Większość programistów wykorzystywała formatowanie wbudowanego CSS do wdrażania stylów w obrębie znaczników elementów HTML. Jeden z nich, atrybut stylu, ma swoje znaczenie Zmiana koloru tła elementów HTML. Jest wdrażany na różnych elementach, takich jak nagłówki, akapity, tabele, Lub całe strony. Ten atrybut stylu można również wykorzystać również za pośrednictwem JavaScript. Ten artykuł pokazuje, jak zmienić kolor tła w JavaScript.

Jak zmienić kolor tła w JavaScript?

Własność "kolor tła" jest zatrudniony do zwrotu koloru określonego elementu. Użytkownicy mogą uzyskać dostęp do elementu HTML, a następnie zastosować tę właściwość, aby zmienić kolor tła. Składnia jest tutaj podana przez przypisanie koloru tła w JavaScript.

Składnia

obiekt.styl.tło Color = "Color"

W tej składni „kolor”Reprezentuje wartość koloru, który należy przypisać do "kolor tła" Własność HTML obiekt.

Notatka: Użytkownicy mogą określić "kolor”Jako nazwa koloru, wartości RGB lub kody kolorów sześciokątnych.

Przykład 1: Zmień kolor tła określonego obszaru w JavaScript

Przykład jest dostosowany do zmiany koloru tła określonego obszaru. Poniższy przykładowy kod odnosi się do zmiany koloru tła Div posiadania „Id = txt”:

Kod

Przykład, aby zmienić kolor tła

Witamy w JavaScript
Przycisk

W tym kodzie:

• Określony obszar jest przeznaczony przez > Tagi i wiadomość „Witamy w JavaScript” jest w nim napisany.
• A "Przycisk" jest dołączony do "przełęcz()" Metoda, która jest wyzwalana przez naciśnięcie.
• w "przełęcz()" metoda, dokument.GetElementById wyodrębnia wartość elementu DIV „Id = txt” a jego wartość jest przechowywana w zmiennej o nazwie „UCOL".
• Wreszcie "styl.kolor tła" właściwość jest stosowana do zmiany koloru tła poprzez przypisanie „żółty".

Wyjście

Wyjście pokazuje, że naciskając przycisk, kolor tła wiadomości jest zmieniany.

Przykład 2: Zmień kolor tła całej strony w JavaScript

Innym przykładem jest zmiana pełnego koloru tła strony internetowej na niebieski wykorzystując kod hex #0000FF. Poniższy kod odnosi się do powyższego scenariusza:

Kod

Witamy w Linuxhint

Zmień kolor tła

Kod pokazano jako:

• Przycisk „Zmień kolor tła” jest zatrudniony, co jest powiązane z „Myfun ()” metoda.
• W „Myfun ()”, nieruchomość stylowa „kolor tła" jest ustawione na „ #0000FF” Jako kod sześciokątny.
• „Myfun ()” Metoda jest wyzwalana na "na kliknięcie" naciskając przycisk.

Wyjście

Wyjście pokazuje, że kolor tła jest zmieniany z białego na niebieski, naciskając przycisk w oknie przeglądarki.

Wniosek

W JavaScript, styl.Tło Kolowłaściwość R jest wykorzystywana do zmiany koloru tła. Wartość koloru może być w RGB, kodzie sześciokątnym lub jego nazwie. W tym artykule podano dwa przykłady, aby zmienić kolor tła według nazwy i kodu sześciokątnego określonego obszaru, a także całej strony. kolor tła właściwość jest przydatna do zmiany koloru tła nagłówków, tabel lub dowolnych określonych elementów.