HTML, CSS y JavaScript son partes esenciales de la construcción de un sitio web interactivo. La mayoría de los desarrolladores utilizaron el formato CSS en línea para implementar estilos dentro de las etiquetas de elementos HTML. Uno de ellos, un atributo de estilo, tiene su propia importancia en Cambiar el color de fondo de elementos html. Se implementa en varios elementos como encabezados, párrafos, mesas, o páginas completas. Este atributo de estilo también se puede utilizar a través de JavaScript también. Este artículo demuestra cómo cambiar el color de fondo en JavaScript.

Cómo cambiar el color de fondo en JavaScript?

La propiedad "color de fondo" se emplea para devolver el color del elemento especificado. Los usuarios pueden acceder al elemento HTML y luego aplicar esta propiedad para cambiar el color de fondo. La sintaxis se da aquí asignando el color de fondo en JavaScript.

Sintaxis

objeto.estilo.backgroundColor = "Color"

En esta sintaxis, "color"Representa el valor del color que se asignará al "color de fondo" propiedad de un HTML objeto.

Nota: Los usuarios pueden especificar "color"Como el nombre del color, los valores RGB o los códigos de color hexadecimales.

Ejemplo 1: Cambie el color de fondo del área especificada en JavaScript

Un ejemplo se adapta para cambiar el color de fondo de un área especificada. El siguiente código de ejemplo se refiere a cambiar el color de fondo del DIV que tiene "Id = txt":

Código

Un ejemplo para cambiar el color de fondo

Bienvenido a JavaScript
Botón

En este código:

• Se asigna un área específica por > Etiquetas y un mensaje "Bienvenido a JavaScript" está escrito en él.
• A "Botón" está unido con el "columna()" método que se activa presionándolo.
• En el "columna()" método, documento.GetElementByid extrae el valor del elemento div -tener "Id = txt" y su valor se almacena en una variable llamada "ucol".
• Finalmente, el "estilo.color de fondo" La propiedad se emplea para cambiar el color de fondo asignando "amarillo".

Producción

La salida muestra que al presionar el botón, se cambia el color de fondo del mensaje.

Ejemplo 2: Cambie el color de fondo de toda la página en JavaScript

Otro ejemplo es cambiar el color de fondo completo de una página web a azul utilizando el código hexadecimal #0000ff. El siguiente código se refiere al escenario indicado:

Código

Bienvenido a Linuxhint

Cambiar el color de fondo

El código se demuestra como:

• Un botón "Cambiar el color de fondo" se emplea, que se asocia con un "mi diversion()" método.
• En "mi diversion()", la propiedad de estilo "color de fondo" se establece en " #0000ff" Como un código hexadecimal.
• El "mi diversion()" el método se activa en el "al hacer clic" presionando el botón.

Producción

La salida muestra que el color de fondo se cambia de blanco a azul presionando el botón en la ventana del navegador.

Conclusión

En JavaScript, el estilo.backgroundcoloLa propiedad R se utiliza para cambiar el color de fondo. El valor de color puede estar en RGB, código hexadecimal o su nombre. En este artículo, se proporcionan dos ejemplos para cambiar el color de fondo por nombre y el código hexadecimal de un área específica, así como la página completa. El color de fondo La propiedad es útil para cambiar el color de fondo de encabezados, tablas o cualquier elemento especificado.