JavaScript可以与CSS交互吗？

如果我将链接JavaScript中的某些内容设置为变量：

color1=绿色；

我以后可以像这样调用CSS中的变量吗

div {
  color : color1
}

---

不，不是这样。但是，如果您对在CSS中使用varibales感兴趣，您可能需要学习，或者学习其他CSS预处理器。

不，不是这样。但是，如果您对在CSS中使用varibales感兴趣，您可能需要学习，或者学习其他CSS预处理器。

示例：

<h1 style="color:red;" id="red"> I am red </h1>
<script> //JS

document.getElementById("red").setAttribute("style", "color:green;");
</style>

我是红色的
//JS
document.getElementById（“红色”）.setAttribute（“样式”，“颜色：绿色；”）；

在上面的示例中，JS代码使用id选择元素

h1

，并将其颜色更改为绿色。因此JS实际上是在改变内联CSS属性。

示例：

<h1 style="color:red;" id="red"> I am red </h1>
<script> //JS

document.getElementById("red").setAttribute("style", "color:green;");
</style>

我是红色的
//JS
document.getElementById（“红色”）.setAttribute（“样式”，“颜色：绿色；”）；

---

在上面的示例中，JS代码使用id选择元素

h1

，并将其颜色更改为绿色。因此JS实际上是在更改内联CSS属性。

否。CSS无法访问Javascript变量

要以这种方式使用变量，可以使用Javascript将其分配给元素

style

属性。对于单个元素，它可能看起来像这样：

var color1='green'，
el=document.getElementById（'myDiv'）
el.style.color=color1
Hello
否。CSS无法访问Javascript变量

要以这种方式使用变量，可以使用Javascript将其分配给元素
style
属性。对于单个元素，它可能看起来像这样：


var color1='green'，
el=document.getElementById（'myDiv'）
el.style.color=color1
你好
直到CSS真正正确使用为止……不。目前最接近您所要求的（关于变量）是使用CSS预处理语言，如SASS或更少：在尝试将两者结合之前，您需要学习JavaScript和CSS。另外，你的问题是不可理解的，请重新措辞。直到CSS真正正确…不。你现在最接近你要问的问题（关于变量）是使用CSS预处理语言，如SASS或更少：在尝试将两者结合之前，你需要学习JavaScript和CSS。另外，你的问题令人费解，请重新措辞。为什么不同时提及SASS？您正在推荐一种特定的工具。这是有偏见的。尝试提供所有CSS预处理器以提供OP研究选项。@Mr.polywhill，是的，继续，列出所有选项：）。希望您不要认为SASS是唯一的（即使它们是最受欢迎的）。不，我知道还有其他的，但它们确实是最受欢迎的。@polywhill先生，是的，好的，我已经更新了我的答案。Thx的评论。为什么不也提到SASS？您正在推荐一种特定的工具。这是有偏见的。尝试提供所有CSS预处理器以提供OP研究选项。@Mr.polywhill，是的，继续，列出所有选项：）。希望您不要认为SASS是唯一的（即使它们是最受欢迎的）。不，我知道还有其他的，但它们确实是最受欢迎的。@polywhill先生，是的，好的，我已经更新了我的答案。谢谢你的评论。