Смена цвета текста на сайте(JS)

Question

Смена цвета текста на сайте(JS)

Шляпий Профи (692), на голосовании 1 год назад

Пытаюсь написать расширение для браузера, одной из функций запланирована смена цвета определенного текста( Например, чтобы все слова "яблоко" были бы зеленого цвета), подскажите пожалуйста, возможно ли это сделать и если возможно, то как?

Answer 1

Вы можете использовать метод querySelectorAll для выбора всех элементов, содержащих текст “яблоко”, и затем изменить их стиль CSS, чтобы изменить цвет текста. Например:

 var elements = document.querySelectorAll(":contains('яблоко')"); 
for (var i = 0; i < elements.length; i++) { 
    elements[i].style.color = "green"; 
}

Этот код выберет все элементы, содержащие текст “яблоко”, и изменит их цвет текста на зеленый. Вы можете изменить этот код, чтобы он соответствовал вашим требованиям.

Answer 2

  
  Найдём в этом тексте слово "бабуля" и подсветим его синим фоном

Источник: https://learn.javascript.ru/range-textrange-selection