如何通过javascript动态修改css 变量
00 分钟
2023-11-9
2023-12-6
type
status
date
slug
summary
tags
category
icon
password
 
要动态修改 CSS 变量,你可以使用 JavaScript 来完成。在 JavaScript 中,你可以通过 document.documentElement.style.setProperty 方法来修改 CSS 变量的值。
下面是一个例子,演示了如何将 --color: red; 修改为 --color: yellow;
 
在上面的例子中,我们首先定义了一个 CSS 变量 --color,并将其设置为红色。然后,通过 JavaScript 获取根元素(document.documentElement),并使用 setProperty 方法将 --color 的值修改为黄色。这将导致应用这个 CSS 变量的元素的颜色从红色变为黄色。
希望这可以帮助到你!😊