Чем заменить document.body.innerHTML, чтобы страница оставалась интерактивной?

Question

[doutaxe]

Использую код

<script type="text/javascript">
window.onload = function(){
...
document.body.innerHTML = document.body.innerHTML.replace(/test1/g, 'test2');
});
}
</script>

для замены во всем документе 'test1' на 'test2'. Строка 'test1' может встречаться в тегах a, div, script с различными классами и id. Проблема в том, что после выполнения замены перестают работать все js формы на странице. Прочитал, что это вроде как из-за того, что document.body.innerHTML стирает все DOM-события. А как тогда сделать замену, чтобы страницы оставалась интерактивной?

Answer 1

[doutaxe]

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

$("a[href]").each(function() { this.href = this.href.replace(/test1/, "test2"); });
$("img[src]").each(function() { this.src = this.src.replace(/test1/, "test2"); });
...

Answer 2

[Stalker_RED]

Не перезаписывать innerHTML, а перебрать нужные элементы, проверить есть ли у них такая строка, и если есть сделать замену для textContent.
Еще и быстрее получится.

document.querySelectorAll('a, div, script').forEach(el => {
  if (el.textContent.includes('test1'))
    el.textContent = el.textContent.replace(/test1/g, 'test2');
})

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

_{(и вообще, вы что-то странное делаете о_О)}

Comments

[doutaxe]

К сожалению, ваш код не работает. Он после загрузки страницы вообще ее полностью ломает =(
А нужно это все потому, что я могу получить clientID из Яндекс.Метрики только после полной загрузки страницы. И после этого этот clientID нужно воткнуть в кучу мест на странице) Кстати даже не всегда в сам элемент, еще в атрибуты и классы в некоторых местах тоже)

[Stalker_RED]

doutaxe, да, косяк, он срабатывает когда текст найден в дочерних элементах

[doutaxe]

Stalker_RED, как считаете, моя задача вообще реализуема или нужно перебирать все возможные места, где нужна замена, отдельно поэлементно?