Как окрасить значения из массива в другой цвет? [дубликат]

214
21 апреля 2018, 18:33

На данный вопрос уже ответили:

  • Подсвечивание текста при вводе 3 ответа

var data = "nВАtва" 
 
function checkRuSymbols() { 
  var regexp = /[а-яё]/ig; //[а-яё] 
  var myArray = data.match(regexp); 
  if (myArray) { 
    for (var key in myArray) 
      console.log(myArray[key]); 
  } else { 
    alert("Кириллических символов нет!"); 
  } 
} 
checkRuSymbols();

Наверное надо обернуть в span, затем ему присвоить класс, а стиль класса задать в css? Как проще всего и правильно?

Answer 1

Ну да, мыслите в правильном направлении. Например, как-то так:

var data = document.getElementById('data').innerHTML; 
 
function checkRuSymbols() { 
  var regexp = /([а-яё])/ig; //[а-яё] 
  var newdata = data.replace(regexp, '<span class="red">$1</span>'); 
  document.getElementById('data').innerHTML = newdata; 
} 
checkRuSymbols();
.red { 
  color: red 
}
<div id="data">nВАtва</div>

READ ALSO
При выборе дочернего элемента не все родители выбираются

При выборе дочернего элемента не все родители выбираются

У меня проблема: когда я выбираю дочерний элемент, только ближайший родитель выбирается тоже, а мне нужно, чтобы выбирались все родители

265
Что в скрипте не так?

Что в скрипте не так?

Скрипт работает, но анимация лагает жестко, особенно на слабых ноутахЗнакомый подсказал, что each каждый раз использовать не нужно, не понимаю...

184
Баг или нет? Input с маленьким font-size

Баг или нет? Input с маленьким font-size

Столкнулся с неожиданностью в ChromeЕсли создать <input> с font-size от 0 до 0

180