Раскраска текста динамически

Question

У меня есть веб-сайт, который берет строку ввода и помечает ее часть цветом, в соответствии с dropDownList.

это делается с заменой регулярного выражения и сгенерированного тега со стилем.

Лучше ли практиковать окружать его определенным классом и устанавливать стиль этого класса в css (опять же, он должен меняться в соответствии с выпадающим списком)

означая каждый раз, когда знак ""кнопка совпала, скрипт изменит правило в 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

Вы не должны изменять правило CSS, иметь несколько правил CSS, которые соответствуют разным цветам.

Обработчик события для выпадающего списка должен затем обновить атрибут класса входной строки.

Answer 3

Если количество цветов не известно заранее, вы можете просто сделать

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

в вашем регулярном выражении. Замените номер цветом на ваш выбор.