Javascript 将文本转换为css

我想把文本转换成css。 例如，在我的javascript代码中。我得到的值如下

var text1= <p style='color:red'>sales headline</p>;

但它将整个价值设定为

销售标题

但是我想要红色的文字销售标题

---

知道我在这里做错了什么吗？或者可以修复吗？

为什么不利用jQuery.css属性

$("#divVar").css("color", "red");

---

您需要innerHTML属性，如果您正在使用jQuery，那么您可能需要使用：

Hi使用html（）而不是text（）

var text1=“
销售标题
”
$（“#divVar”）.html（text1）；

实际上，我的问题是我可以在值中获得任何css，例如

销售标题或

销售标题

。所以Css不一致，您在==>

var text1=“
销售标题
”中缺少引号

那么这是否意味着它将覆盖我在style.css中定义的所有css？因为我设置了字体属性，例如大小、重量、填充、边距等，当我尝试html（）时，这些属性似乎不起作用。它是否正在替换css？内联样式（在本例中）将覆盖样式表或父元素中设置的样式。我认为如果CSS中的样式标记为！重要信息：它将覆盖内联样式。所以，这要看情况了。这如何从@JsonWinnebeck已经给出的答案中增加任何价值呢？在发布我的回复后，我才注意到上面的回复。

$("#divVar").css("color", "red");

$("#divVar").html(text1);

var text1= "<p style='color:red'>sales headline</p>" 
$("#divVar").html(text1);