CSS > les variables

Récupérer une variable CSS en JS

Pour récupérer une variable CSS de type var(--toto) :

const value = getComputedStyle(document.documentElement).getPropertyValue('--toto').trim();

Si la variable est définie sur un élément spécifique plutôt que sur :root :

const el = document.querySelector('.mon-element');
const value = getComputedStyle(el).getPropertyValue('--toto').trim();

Et pour la modifier :

document.documentElement.style.setProperty('--toto', 'nouvelle-valeur');

Le .trim() est conseillé car la valeur retournée peut contenir des espaces.