“Cambiar la variable CSS con JavaScript” Código de respuesta

Cómo cambiar una variable CSS con JavaScript

var root = document.querySelector(':root');
root.style.setProperty('--variable', 'lightblue');
/or/
root.style.setProperty('--variable', myColor); 
Spotless Seal

JavaScript obtenga variable CSS

let docStyle = getComputedStyle(document.documentElement);

//get variable
let myVarVal docStyle.getPropertyValue('--my-variable-name');

//set variable
docStyle.setProperty('--my-variable-name', '#fff');
garzj

Cómo cambiar la variable CSS en JavaScript

document.documentElement.style.setProperty("--main-background-color", "green");
PYTHON_NOT_SNAKE.py

Establecer variable CSS de JavaScript

document.documentElement.style.cssText = "--tab-count: 3";
/or/
document.documentElement.style.setProperty("--tab-count", 5);
/or/
document.documentElement.setAttribute("style", "--tab-count: 5");
Vivacious Vendace

Cambiar la variable CSS con JavaScript

document.documentElement.style.setProperty("--tab-count", 5);
Fair Fish

Cambiar la variable CSS con JavaScript

element.style.setProperty("--my-var", jsVar + 4);
Marwen Labidi

Respuestas similares a “Cambiar la variable CSS con JavaScript”

Preguntas similares a “Cambiar la variable CSS con JavaScript”

Más respuestas relacionadas con “Cambiar la variable CSS con JavaScript” en JavaScript

Explore las respuestas de código populares por idioma

Explorar otros lenguajes de código