Establecer propiedad CSS en JavaScript

JavaScript es uno de los idiomas y tecnologías principales de secuencias de comandos de la World Wide Web. Es un lenguaje de programación que ejecuta dinámicamente. CSS es el lenguaje utilizado para controlar el estilo de los documentos escritos en idiomas de marcado como HTML y XHTML.

Las propiedades de CSS se pueden aplicar a un código escrito en JavaScript en un documento HTML fácilmente accediendo al elemento en el que la propiedad debe aplicarse a través de JavaScript y aplicar directamente la propiedad CSS en él.

Configuración de la propiedad CSS en JavaScript

Tomemos un ejemplo de un código HTML simple para formatear el documento JavaScript:

Haga clic en Aceptar para cambiar mi color

DE ACUERDO

En el fragmento de código anterior, hay un encabezado que asignamos una identificación "prueba". Debajo de eso, creamos un botón "DE ACUERDO"A través de la etiqueta del botón y declaró el"al hacer clic"Función para ese botón. Esto especifica que cuando el "DE ACUERDO"Se hará clic en el botón, el"Func ()Se invocará la función JavaScript y la propiedad CSS definida dentro de esa función se implementará en el texto escrito en HTML.

A continuación se muestra una función JavaScript para que el código HTML anterior sea ejecutable dinámicamente:

función func ()
var y = documento.getElementById ("texto");
Y.estilo.color = "rojo";

El fragmento de código anterior tiene una función llamada "Func ()"En el que una variable"Y"Se inicializa y el"GetElementByidSe declara que el método "se refiere al"texto"ID que tiene el texto (contenido). Luego, está la propiedad CSS insertada para cambiar el color del texto a rojo.

Esto mostrará un texto en la interfaz de salida que al hacer clic en el botón Aceptar cambiará el color del texto a rojo:

De esta manera, podemos establecer propiedades CSS en JavaScript.

Conclusión

Podemos establecer propiedades CSS en un elemento en JavaScript accediendo primero a la identificación, clase o atributo de ese elemento utilizando el método GET correspondiente. Por ejemplo, en la publicación anterior, aplicamos el "GetElementByid" método. Después de eso, simplemente defina la propiedad CSS que se aplicará a ese elemento. Este artículo explicó bien cómo establecer las propiedades CSS en JavaScript.