分数内的颜色

时间:2013-05-17 18:47:08

标签: javascript html

我对此非常陌生,所以我会提前为任何愚蠢道歉。

我正在输入基本的数学内容,而我基本上是在创建一个读取(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是一种不同的颜色。

1 个答案:

答案 0 :(得分:0)

围绕要更改颜色的任何元素包裹SPAN并为其指定类名称:

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

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

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

... more styles ...

</style>

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