动态着色文本

Question

我有一个网站，它接受一个输入字符串，并用颜色标记其中的一部分， 根据dropDownList。

这是通过用样式替换正则表达式和生成的标记来完成的。

用一个特定的类来包围它是更好的做法 并在css中设置该类的样式（同样必须根据下拉列表进行更改）

表示每次匹配“mark”按钮时，脚本都会更改CSS中的规则。

是否可以这样做，以及如何完成。 我无法通过其名称找到任何方法来访问css规则。

Answer 1

    <div id="dv">sample text</div>
    <input type="button" onclick="changeColor('#959562');">
    <script language="javascript">
function changeColor(color)
    {
jQuery('#dv').css('color',color);
    }
        </script>

使用这种类型的代码，您可以使用jQuery动态更改颜色

Answer 2

如果提前知道颜色数量，您只需执行

<span style="background-color:#424242">text </span>

正则表达式中的

。用您选择的颜色替换数字。

Answer 3

你不应该改变CSS规则，有几个CSS规则对应不同的颜色。

下拉列表的事件处理程序应该更新输入字符串的class属性。