div - Acceda a la variable CSS desde javascript

title html

Question

Esta pregunta ya tiene una respuesta aquí:

• Acceder a una propiedad personalizada CSS (también conocida como variable CSS) a través de JavaScript 3 respuestas

¿Hay alguna manera de acceder a una variable css desde javascript? Aquí mi declaración de variable css.

:root{
--color-font-general:#336699;
}

Answer 1

Solo la forma estándar:

1. Obtenga los estilos calculados con getComputedStyle
2. Use getPropertyValue para obtener el valor de la propiedad deseada

getComputedStyle(element).getPropertyValue(''--color-font-general'');

Ejemplo:

var style = getComputedStyle(document.body);
console.log(style.getPropertyValue(''--color-font-general''));

:root { --color-font-general: #336699; }

Answer 2

Utilizar este:

window.getComputedStyle(document.documentElement).getPropertyValue(''--color-font-general'');

Y puedes cambiarlo así:

document.documentElement.style.setProperty(''--color-font-general'', ''#000'');

source