Come cambiare il colore di sfondo in JavaScript
Come cambiare il colore di sfondo in JavaScript?
La proprietà "colore di sfondo" è impiegato per restituire il colore dell'elemento specificato. Gli utenti possono accedere all'elemento HTML e quindi applicare questa proprietà per modificare il colore di sfondo. La sintassi è fornita qui assegnando il colore di sfondo in JavaScript.
Sintassi
oggetto.stile.SfondoColor = "Color"In questa sintassi, "colore"Rappresenta il valore del colore da assegnare al "colore di sfondo" Proprietà di un HTML oggetto.
Nota: Gli utenti possono specificare "colore"Come il nome del colore, i valori RGB o i codici di colore esadecimale.
Esempio 1: modificare il colore di sfondo dell'area specificata in JavaScript
Un esempio è adattato per modificare il colore di sfondo di un'area specificata. Il codice di esempio seguente si riferisce alla modifica del colore di sfondo del div "Id = txt":
Codice
Un esempio per cambiare il colore di sfondo
Benvenuti in JavaScript
In questo codice:
- Un'area specifica è assegnata da > tag e un messaggio "Benvenuti in JavaScript" è scritto in esso.
- UN "Pulsante" è attaccato al file "col()" Metodo che viene attivato premendolo.
- Nel "col()" metodo, documento.getelementbyid estrae il valore dell'elemento Div con "Id = txt" e il suo valore è memorizzato in una variabile denominata "ucol".
- Finalmente il "stile.colore di sfondo" La proprietà viene impiegata per modificare il colore di sfondo assegnando "giallo".
Produzione
L'output mostra che premendo il pulsante, il colore di sfondo del messaggio viene modificato.
Esempio 2: modificare il colore di sfondo dell'intera pagina in JavaScript
Un altro esempio è cambiare il colore di sfondo completo di una pagina web in blu utilizzando il Codice esagonale #0000FF. Il seguente codice si riferisce allo scenario sopra indicato:
Codice
Benvenuti in Linuxhint
Il codice è dimostrato come:
- Un bottone "Modifica il colore di sfondo" è impiegato, che è associato a a "Myfun ()" metodo.
- In "Myfun ()", la proprietà di stile "colore di sfondo" è impostato per " #0000ff" Come codice esadecimale.
- IL "Myfun ()" Il metodo è attivato su "al clic" premendo il pulsante.
Produzione
L'uscita mostra che il colore di sfondo viene cambiato da bianco a blu premendo il pulsante nella finestra del browser.
Conclusione
In JavaScript, il stile.BackgroundColoLa proprietà R viene utilizzata per cambiare il colore di sfondo. Il valore del colore può essere in RGB, codice esadecimale o nel suo nome. In questo articolo, vengono forniti due esempi per modificare il colore di sfondo per nome e codice esadecimale di un'area specifica, nonché l'intera pagina. IL colore di sfondo La proprietà è utile per modificare il colore di sfondo di intestazioni, tabelle o eventuali elementi specificati.