Javascript 如何更新当前不在DOM中的选择器中的CSS变量？

大多数实践在

：root

中都有CSS变量，可以很容易地使用以下内容更新：

document.documentElement.style.setProperty（“--variable”，value）

对于当前不在DOM中的选择器，有没有一种方法可以不用编写cssText就可以这样做？例如，在
.SomeClass
下设置
--variable
，稍后将添加到DOM中。
我不太确定是否遵循。
您是否在询问如何编辑未在根目录中定义的CSS变量？或者创建一个元素并将CSS变量设置为属性？一种方法是直接选择HtmleElement，然后设置属性

`const home = document.getElementById('home');`
`home.style.setProperty('--text-color', 'green');`

我不太确定我是否听懂了。
您是否在询问如何编辑未在根目录中定义的CSS变量？或者创建一个元素并将CSS变量设置为属性？一种方法是直接选择HtmleElement，然后设置属性

`const home = document.getElementById('home');`
`home.style.setProperty('--text-color', 'green');`

我知道您将使用
.SomeClass
CSS类动态添加元素。您是否还想动态创建
--variable
？我知道您将使用
.SomeClass
CSS类动态添加元素。是否还希望动态创建
--变量
？这不提供问题的答案。一旦你有足够的钱，你将能够；相反如果您有新问题，请单击按钮提问。如果此问题有助于提供上下文，请包含指向此问题的链接。-这并不能回答这个问题。一旦你有足够的钱，你将能够；相反如果您有新问题，请单击按钮提问。如果此问题有助于提供上下文，请包含指向此问题的链接-