javascript - 分数内的颜色

Question

我对此很陌生，所以我会提前为任何愚蠢道歉。

我正在输入基本的数学内容，并且我基本上正在生成一个读取 (ax+b + cx+d)/(ex+f) 的分数。我希望 ax 和 cx 是一种颜色，而 b 和 d 是另一种颜色。ax+b 定义为 NUMERATOR1，cx+d 定义为 NUMERATOR2，如下所示。变量也分别在下面。

expression: <var>Y</var> = \dfrac{<var>NUMERATOR1</var> - (<var>NUMERATOR2</var>)}{<var>DENOMINATOR</var>}

NUMERATOR1: ["+", ["*", COEFF1, X], CONST1]

基本上，我想知道如何使 COEFF1*X 成为自己的颜色，而 CONST1 成为不同的颜色。

Answer 1

将 SPAN 包裹在要更改颜色的任何元素周围，并为其命名：

NUMERATOR1: ["+", ["*", <span class='colorA'>COEFF1</span>, X], CONST1]

然后在页面 HEAD 的样式表中为该类创建一个 CSS 条目：

<style>
.colorA {
    color:#ff0000;
}

... more styles ...

</style>

您可能希望将您的页面分为两个部分 - 一个执行实际计算的 JavaScript 部分，以及一个仅用于显示目的的 HTML 部分，它反映了相同的等式。