Поиск и замена слов (текста) с помощью Javascript

Если вам нужно найти и заменить какой-нибудь текст с помощью Javascript, то для этого следует использовать метод replace().

Поиск и замена одного слова

let text = "Приветствую, Дмитрий!";
let result = text.replace("Дмитрий", "Юрий");
alert (result);

В этом примере мы присваиваем переменной text значение "Приветствую, Дмитрий!". После этого, мы ищем слово Дмитрий в переменной text и меняем его на слово Юрий. Ну и последней строкой кода, мы выводим сообщение с изменённым текстом в переменной result.

Минус данной инструкции в том, что поиск и замена заканчивается сразу после того как было найдено слово Дмитрий. То есть поменять какое-нибудь слово мы можем только один раз.

Для того, чтобы поменять несколько слов в тексте, нужно использовать инструкцию глобального поиска и замены слов.

Глобальная замена

let text = "У меня зелёные глаза и у моей сестры зелёные глаза";
let result = text.replace(/зелёные/g, "голубые");
alert (result);

В этом примере мы присваиваем переменной text значение "У меня зелёные глаза и у моей сестры зелёные глаза". После этого, осуществляется поиск всех слов "зелёные" и замена их на слово "голубые". В результате пользователю будет выведено сообщение "У меня голубые глаза и у моей сестры голубые глаза".

Поиск и замена в HTML документе

Для поиска и замены слов, или тегов в HTML документе используется следующая инструкция:

document.body.innerHTML = document.body.innerHTML.replace(/Текст который нужно найти и заменить/g, 'Текст который нужно вставить вместо искомого');

Например, если нам нужно найти в HTML документе слово Ukrainian и заменить его на текст "Перейти на українську мову", то для этого мы напишем следующий код:

document.body.innerHTML = document.body.innerHTML.replace(/Ukrainian/g, 'Перейти на українську мову');