Cómo leer y escribir variables CSS con JavaScript
Descubre el poder de las variables CSS y cómo puedes manipularlas directamente desde JavaScript. Es una excelente manera de controlar dinámicamente el estilo de tu página web.
// Leyendo una variable CSS
var color = window.getComputedStyle(document.documentElement).getPropertyValue('--my-var');
// Escribiendo una variable CSS
document.documentElement.style.setProperty('--my-var', 'azul');
Este consejo demuestra cómo leer y escribir variables CSS desde JavaScript. La lectura de variables CSS te permite acceder a los valores actuales, mientras que la escritura te permite cambiar estos valores sobre la marcha.