在javascript中使用latex为变量着色

我运行的javascript中有以下代码行，它将在latex/mathjax中格式化一个立方体方程以显示，同时包含代码中的变量：

document.getElementById("demo").innerHTML = "$y = $" + xzero + "$ + $" + xone + "$x + $" + xtwo + "$x^2 + $" + xthree + "$x^3$";

我现在要做的是给方程中变量所在的部分涂上颜色。我的想法是

...= "$y = \color{#AF0}{$" + roundNum(xzero) + "$} + $"...

---

这会起作用，但显然不会。我可以得到一些关于如何给等式中的变量上色的帮助吗？

在设置#demo的innerHTML的代码行之后，您是否这样做了

看着我

"$y = \\color{#AF0}{" + roundNum(xzero) + "} + "... +"$";

成功了，去掉等式中间的美元符号，只把它们放在开头和结尾（就像我做的那样）

它应该是这样的：

document.getElementById("demo").innerHTML = "$y = \\color{#AF0}{" + roundNum(xzero) + "} + "... +"$";
MathJax.Callback.Queue(["Typeset", MathJax.Hub, "demo"]);

编辑：

---

我像Davide Cervone说的那样加倍了反斜杠

你在看什么？一个实时代码示例怎么样？此外，您可能需要删除内部$。但是如果没有更多的信息，很难说。反斜杠也有问题，为了使它们成为字符串文本的一部分，反斜杠必须加倍：

…=“$y=\\color{{AF0}{”..

只是一个简单的问题，但在我的代码中，我已经在使用行MathJax.Hub.Queue（[“Typeset”，MathJax.Hub，'demo']）。有什么原因使你的字体比我已经使用的字体更好或更差？

document.getElementById("demo").innerHTML = "$y = \\color{#AF0}{" + roundNum(xzero) + "} + "... +"$";
MathJax.Callback.Queue(["Typeset", MathJax.Hub, "demo"]);