помогите решить проблему с расширением

190
24 февраля 2018, 23:10

расширение должно выделять три слова на любой странице когда там только написано выделять что-то одно все работает,но как только я пишу три значение оно перестаёт работать в контен скрипте у меня написан вот такой код

var html = document.documentElement.innerHTML;
document.documentElement.innerHTML = html.replace(/(Яблоко)/g,
    '<span class="red">Яблоко</span>');
document.documentElement.innerHTML = html.replace(/(Лимон)/g,
    '<span class="yellow">Лимон</span>');
document.documentElement.innerHTML = html.replace(/(Киви)/g,
    '<span class="green">Киви</span>');

класы css просто задают цвет заднего фона

Answer 1

Потому что в вашем примере перезаписывается текст и получается срабатывает только последний replace. 

var re = /Яблоко/gi; 
var re2 = /Лимон/gi; 
var re3 = /Киви/gi; 
var str = document.documentElement.innerHTML; 
str = str.replace(re, '<span class="red">Яблоко</span>'); 
 str = str.replace(re2, '<span class="yellow">Лимон</span>'); 
  str = str.replace(re3, '<span class="green">Киви</span>'); 
document.documentElement.innerHTML = str;
.red {color:red;} 
.yellow {color:yellow;} 
.green {color:green;}
я сегодня напишу код Яблоко, а потом пойду съем Лимон с Киви

READ ALSO
Как создать игру в telegram?
javascript

Как создать игру в telegram?

Создал ботаВключил онлайн режим

 140
Вывод нескольких изображений из sql
PHP

Вывод нескольких изображений из sql

Здравствуйте, подскажите в каком виде лучше записывать названия изображений в БДНа данный момент знаю только как 1 изображение добавить,...

 183
Var_dump поместить в переменную
PHP

Var_dump поместить в переменную

Как можно поместить в переменную var_dump(); что бы вывести тогда, когда это нужно?

 160
progreess bar php + ajax
PHP

progreess bar php + ajax

Добрый деньВозник такой вопрос

 127