Jak zmienić kolor tła elementu w JavaScript

Korzystając z JavaScript, może być konieczne wyróżnienie niektórych danych lub elementu na swojej stronie internetowej. Ponadto poprawia widoczność elementu za pomocą różnych kolorów i sprawia, że ​​ogólna strona internetowa jest bardziej atrakcyjna. W takich przypadkach dodawanie i zmiana koloru tła elementu jest bardzo skuteczne w przyciąganiu uwagi czytelnika i poprawie projektu witryny.

Ten zapis poprowadzi Cię do zmiany tła elementu w JavaScript.

Jak zmienić kolor tła elementu w JavaScript?

Aby zmienić kolor tła elementu w JavaScript, zastosuj następujące techniki:

• właściwość tła koloru z kolorem
• właściwość tła Kolor z kodem kolorów

Wspomniane podejścia zostaną wykazane jeden po drugim!

Metoda 1: Zmień kolor tła elementu w JavaScript przy użyciu właściwości tła Color z kolorem

„„kolor tła”Właściwość ustawia kolor tła określonego elementu. Ta właściwość można wdrożyć na dowolnym z dodanych elementów HTM, uzyskując dostęp do jego identyfikatora i przypisując kolor tła.

Składnia

Tutaj "obiekt”Odnosi się do elementu, w którym zostanie zastosowany kolor tła.

Poniższy przykład wyjaśnia podaną koncepcję.

Przykład

W poniższym przykładzie znacznik nagłówka zostanie przypisany identyfikator o nazwie „ID”I„ „Kolor tła!" wartość:

Następnie, w pliku JavaScript, „dokument.getElementById ()„Metoda dostępu do„ID”Elementu nagłówka. Następnie właściwość tła Color przypisuje wartość koloru „Jasnozielony”Wbrew ID, który odnosi się do określonej wartości nagłówka w poprzednim kroku:

Wyjście powyższej implementacji spowoduje następujący sposób:

W wyjściu obserwuje się, że kolor tła jest stosowany tylko do wybranego elementu nagłówka.

Metoda 2: Zmień kolor tła elementu w JavaScript przy użyciu właściwości tła Color z kodem koloru

Jak omówiono wcześniej, „kolor tła”Właściwość ustawia kolor tła określonego elementu. Ta właściwość można również zaimplementować na określonym elemencie za pomocą kodu kolorów RGB.

Spójrz na poniższy przykład demonstracji:

Przykład

Po pierwsze, dodamy akapit za pomocą

oznacz i przypisz to identyfikator o nazwie „ID”I wartość, jak pokazano poniżej:

Następnie „getElementById ()”Metoda podobnie dostęp do elementu akapitu z określonym identyfikatorem i przypisuje kolor tła za pomocą właściwości tła Color. Tutaj, "#090”Wskazuje„RGB„Kod średniego ciemnego odcienia zielonego koloru:

Wyjście

W powyższej implementacji zielony kolor jest wynikiem „RGB-> 090”, W którym 9 odnosi się do intensywności zielonego koloru.

Wniosek

Aby zmienić kolor tła elementu w JavaScript, „kolor tła„Właściwość z metodą kolorów można wykorzystać do dostępu do określonego identyfikatora i przypisania określonego koloru tła. Jest używany z „RGB”Kod do zastosowania określonego odcienia koloru do wybranego elementu HTML. W tym artykule prowadzonym z metodą zmiany koloru tła elementu w JavaScript.