将javascript中的CSS自定义属性/变量设置为类型字符串

考虑以下场景：

document.body.style.setProperty（“--text”，“world”）

body:：before{
--文字：“你好”；
内容：var（--text，“…”；
}
正文：：之后{
内容：var（--text，“…”；
}

找到了它。需要将其设置为：

document.body.style.setProperty("--text", "'world'")

现在的问题是：

var word=“world”；
document.body.style.setProperty（“--text”，word）

body:：before{
--文字：“你好”；
内容：var（--text，“…”；
}
正文：：之后{
内容：var（--text，“…”；
}

它必须是CSS变量吗？难道你不能在

body

上设置一个数据属性，然后在伪元素上使用

content:attr（数据属性）

吗？是的，它必须是Rickard