“Modifier la variable CSS avec JavaScript” Réponses codées

Comment changer une variable CSS avec JavaScript

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

JavaScript obtient la 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

Comment changer la variable CSS dans JavaScript

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

Définir la variable CSS à partir 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

Modifier la variable CSS avec JavaScript

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

Modifier la variable CSS avec JavaScript

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

Réponses similaires à “Modifier la variable CSS avec JavaScript”

Questions similaires à “Modifier la variable CSS avec JavaScript”

Plus de réponses similaires à “Modifier la variable CSS avec JavaScript” dans JavaScript

Parcourir les réponses de code populaires par langue

Parcourir d'autres langages de code