4

Variables de JS a CSS

Para pasar una variable de JS a CSS lo primero que tenemos que hacer es seleccionar desde JS el elemento :root donde ponemos la variable de CSS. Para hacerlo hacemos lo siguiente:

var rootElement = document.documentElement;```

Después creamos la variable que vamos a pasar a CSS.

var verde = ‘green’;

Por ultimo le asignamos nuestra variable de JS a una variable de CSS

rootElement.style.setProperty(“--verde”, verde);

–verde = el nombre de la variable de CSS
verde = el nombre de la variable de JS
Después de esto desde CSS podréis seleccionar la variable como siempre:

h1{
color: var(--verde);
}

Si tenéis alguna pregunta me lo decís.

Escribe tu comentario
+ 2