Поиск и замена всех текстовых совпадений на html странице?

Question

[thesanches]

Подскажите пожалуйста, как сделать поиск строки на всей html странице, нужно найти все совпадения, к примеру (000-00-00), и заменить их на новые строки, к примеру (111-11-11), спасибо.

Пытался так...
let textAll = document.documentElement.textContent;
console.log(textAll.replace(new RegExp("000-00-00",'g'),"111-11-11"));

Но в таком случае меняется только последний номер, и не совсем ясно, как это поменять на странице.

Answer 1

[Александр]

const walker = document.createTreeWalker(document.body, NodeFilter.SHOW_TEXT);

while (walker.nextNode()) {
	const text = walker.currentNode.textContent.trim();

	if (text === '000-00-00') {
		walker.currentNode.textContent = '111-11-11';
	}
}

Comments

[thesanches]

Спасибо, вы очень помогли.

А как можно дополнить данное решение чтобы, учитывалась ситуация когда номер является частью строки?, к примеру (Номер телефона: 000-00-00)

[Александр]

thesanches, Условие меняете на if (text.includes('000-00-00')) { ... } а код внутри на

walker.currentNode.textContent = walker.currentNode.textContent.replace('000-00-00', '111-11-11');

или

walker.currentNode.textContent = walker.currentNode.textContent.replace(/000-00-00/g, '111-11-11');