HTML, CSS og JavaScript er viktige deler av å bygge et interaktivt nettsted. De fleste av utviklerne benyttet seg av inline CSS -formatering for å implementere stiler innen HTML -elementmerker. En av dem, en stilattributt, har sin egen betydning i Endre bakgrunnsfarge av HTML -elementer. Det implementeres på forskjellige elementer som for eksempel overskrifter, avsnitt, bord, eller Hele sider. Denne stilattributtet kan også brukes via JavaScript. Denne artikkelen viser hvordan du endrer bakgrunnsfargen i JavaScript.

Hvordan endre bakgrunnsfargen i JavaScript?

Eiendommen "bakgrunnsfarge" er ansatt for å returnere fargen på det spesifiserte elementet. Brukere kan få tilgang til HTML -elementet og deretter bruke denne egenskapen for å endre bakgrunnsfargen. Syntaksen er gitt her ved å tilordne bakgrunnsfargen i JavaScript.

Syntaks

gjenstand.stil.BakgrunnColor = "Farge"

I denne syntaksen, “farge”Representerer verdien av fargen som skal tildeles "bakgrunnsfarge" Eiendom til en HTML gjenstand.

Merk: Brukere kan spesifisere "farge”Som navnet på fargen, RGB -verdiene eller sekskantede fargekoder.

Eksempel 1: Endre bakgrunnsfargen på spesifisert område i JavaScript

Et eksempel er tilpasset for å endre bakgrunnsfargen på et spesifisert område. Følgende eksempel kode refererer til å endre bakgrunnsfargen til diven som har “ID = txt”:

Kode

Et eksempel for å endre bakgrunnsfarge

Velkommen til JavaScript
Knapp

I denne koden:

• Et spesifikt område tildeles av > Tagger og en melding “Velkommen til JavaScript” er skrevet i den.
• EN "Knapp" er festet med “Col ()” metode som utløses ved å trykke på den.
• I “Col ()” metode, dokument.getElementById trekker ut verdien av divelementet som har “ID = txt” og verdien lagres i en variabel som heter “ucol“.
• Til slutt "stil.bakgrunnsfarge" Eiendom er ansatt for å endre bakgrunnsfargen ved å tilordne “gul".

Produksjon

Utgangen viser at ved å trykke på knappen, endres bakgrunnsfargen på meldingen.

Eksempel 2: Endre bakgrunnsfargen på hele siden i JavaScript

Et annet eksempel er å endre den komplette bakgrunnsfargen på en webside til blå ved å bruke HEX -kode #0000ff. Følgende kode refererer til ovennevnte scenario:

Kode

Velkommen til Linuxhint

Endre bakgrunnsfarge

Koden demonstreres som:

• En knapp “Endre bakgrunnsfarge” er ansatt, som er assosiert med en “Myfun ()” metode.
• I “Myfun ()”, stilegenskapen “bakgrunnsfarge" er satt til “ #0000ff” som en sekskantkode.
• De “Myfun ()” metoden utløses på "ved trykk" Ved å trykke på knappen.

Produksjon

Utgangen viser at bakgrunnsfargen endres fra hvitt til blått ved å trykke på knappen i nettleservinduet.

Konklusjon

I JavaScript, stil.BAKGRUNNCOLOR -eiendom brukes til å endre bakgrunnsfargen. Fargeverdien kan være i RGB, HEX -kode eller navnet. I denne artikkelen er to eksempler gitt for å endre bakgrunnsfargen etter navn og sekskantkode på et bestemt område, så vel som hele siden. De bakgrunnsfarge Eiendom er nyttig for å endre bakgrunnsfargen på overskrifter, tabeller eller noen spesifiserte elementer.