“Cómo cambiar la variable CSS en 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

JavaScript obtenga variable CSS

getComputedStyle(document.documentElement)
    .getPropertyValue('--my-variable-name'); // #999999
DJ Ultimate Disco Party

Cómo cambiar la variable CSS en JavaScript

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

Cómo cambiar la variable CSS en JavaScript

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

Cómo cambiar la variable CSS en JavaScript

document.documentElement.style.cssText = "--main-background-color: red";
PYTHON_NOT_SNAKE.py

Respuestas similares a “Cómo cambiar la variable CSS en JavaScript”

Preguntas similares a “Cómo cambiar la variable CSS en JavaScript”

Más respuestas relacionadas con “Cómo cambiar la variable CSS en JavaScript” en JavaScript

Explore las respuestas de código populares por idioma

Explorar otros lenguajes de código