动态着色文本

Coloring text dynamically

本文关键字：文本 动态      更新时间：2023-09-26

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

这是通过用样式替换regex和生成的标记来完成的。

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

这意味着每次匹配"标记"按钮时，脚本都会更改CSS中的规则。

有可能做到这一点吗。我找不到任何方法通过名称访问css规则。

    <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 动态更改颜色

如果事先不知道颜色的数量，您可以简单地进行

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

在正则表达式中。将数字替换为您选择的颜色。

您不应该更改CSS规则，有几个对应于不同颜色的CSS规则。

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

相关文章：