Javascript 是否可以使用js setProperty将css变量的值更改为另一个js变量？

我有一个输入字段，在这个字段中，用户应该输入他希望稍后显示的文本的颜色。我想知道，是否有一种方法可以使用javascript setProperty函数更改css变量，而不是一个值，参数将是另一个javascript变量？ 例如：

elem.style.setProperty('--my-css-variable', anotherJsVariable);

---

是的，就像你一样

这样做是CSS自定义属性最重要的一点

setTimeout（函数（）{
常量elem=document.getElementById（“一”）；
const anotherJsVariable=“黄色”；
setProperty（'--my custom property'，另一个JSVariable）；
}, 750);
#一个{
--我的海关财产：红色；
背景色：var（--我的自定义属性）；
}
#两个{
背景色：白色；
}
#三{
背景色：var（--我的自定义属性）；
}
div{
显示：内联块；
填充：1em；
}

是的，这是可能的
elem.style.color=anotherJsVariable
应该这样做在您提供的示例中，不需要css变量，对吗？在询问此问题之前您是否尝试过？