Как найти в h1 текст и подсветить его?

Question

[tolik12345]

Стоит задача найти в теге h1 все вхождения текста и подсветить его, сохранив регистр букв в теге.

Проблема в том что мой код подсвечивает текст от начала вхождения до конца строки:
https://codepen.io/tolik12345/pen/OJJbVxg

Как заставить подсветить только текст и ТеКсТ ? Но при этом еще нужно что бы искомый текст находился в переменной, вот что получилось у меня https://codepen.io/tolik12345/pen/JjjbdMP

Answer 1

[0xD34F]

закрывающий тэг - на самом деле не закрывающий

Comments

[tolik12345]

Если вам не составит труда покажите пожалуйста пример

[0xD34F]

Найдите здесь у себя закрывающий тэг span:

'<span class="highlight">$1<span>'

Ну? Где? Нет такого.

[Rustam Bainazarov]

tolik12345, не закрыли тег span;

h1.innerHTML = h1.textContent.replace(reg, '<span class="highlight">$1<span>');

[tolik12345]

0xD34F, Рустам Байназаров, мда... совсем ничего не вижу...
Хорошо, закрыл тег получается так https://codepen.io/tolik12345/pen/MWWbwLx
вместо текста $1

[0xD34F]

Не надо править код в песочнице, ссылка на которую опубликована в тексте вопроса - так вы портите вопрос.

Круглые скобки забыли - вместо "текст" должно быть "(текст)", или передавайте в конструктор `(${text})` вместо text.

Или в подставляемой строке вместо $1 пусть будет $&.

[tolik12345]

не надо править код в песочнице

учту

Благодарю за ответ