Cómo cambiar el color de fondo de un elemento en JavaScript
Usando JavaScript, es posible que deba resaltar algunos datos o un elemento en su página web. Además, mejora la visibilidad del elemento usando diferentes colores y hace que la página web general sea más atractiva. En tales casos, agregar y cambiar el color de fondo de un elemento es muy efectivo para captar la atención del lector y mejorar el diseño del sitio web.
Esta redacción lo guiará para cambiar los antecedentes del elemento en JavaScript.
Cómo cambiar el color de fondo de un elemento en JavaScript?
Para cambiar el color de fondo de un elemento en JavaScript, aplique las siguientes técnicas:
- Propiedad de fondo de fondo con color
- Propiedad de backgroundcolor con código de color
Los enfoques mencionados se demostrarán uno por uno!
Método 1: Cambiar un elemento Color de fondo en JavaScript utilizando la propiedad de fondo de fondo con color
El "color de fondoLa propiedad establece el color de fondo del elemento especificado. Esta propiedad se puede implementar en cualquiera de los elementos HTM agregados accediendo a su ID y asignándole un color de fondo.
Sintaxis
Aquí el "objeto"Se refiere al elemento sobre el cual se aplicará el color de fondo.
El siguiente ejemplo explica el concepto declarado.
Ejemplo
En el ejemplo a continuación, a la etiqueta de encabezado se le asignará una ID llamada "identificación" y el "Color de fondo!" valor:
A continuación, en el archivo JavaScript, el "documento.getElementById ()"El método accederá al"identificación"Del elemento de encabezado. Después de eso, la propiedad de fondo de fondo asignará el valor de color "Verde claro"Contra la ID, que se refiere al valor de encabezado especificado en el paso anterior:
La salida de la implementación anterior dará como resultado lo siguiente:
En la salida, se observa que el color de fondo solo se aplica al elemento de rumbo seleccionado.
Método 2: Cambie un elemento Color de fondo en JavaScript utilizando la propiedad de fondo de fondo con código de color
Como se discutió anteriormente, el "color de fondoLa propiedad establece el color de fondo del elemento especificado. Esta propiedad también se puede implementar en el elemento especificado utilizando el código de color RGB.
Mire el siguiente ejemplo para la demostración:
Ejemplo
En primer lugar, agregaremos un párrafo usando el
etiqueta y asigna una identificación llamada "identificación"Y un valor como se muestra a continuación:
A continuación, el "getElementById ()El método "de manera similar accederá al elemento de párrafo con la ID especificada y asignará el color de fondo utilizando la propiedad de fondo. Aquí, "#090"Indica el"RGB"Código de tono medio oscuro de color verde:
Producción
En la implementación anterior, el color verde es el resultado de "RGB-> 090", En el que 9 se refiere a la intensidad del color verde.
Conclusión
Para cambiar el color de fondo de un elemento en JavaScript, el "color de fondoLa propiedad con el método de color se puede utilizar para acceder a la identificación específica y asignar un color de fondo particular. Se usa con el "RGBCódigo para aplicar un tono de color específico al elemento HTML seleccionado. Este artículo guió relacionado con el método de cambiar el color de fondo del elemento en JavaScript.