Как перебрать все текстовые узлы на странице?

Question

[zkrvndm]

Вчера решал интересную задачу, нужно было найти и перебрать все текстовые узлы на страницы.

Время меня поджимало, поэтому я сделал это в лоб:

var all_elements = document.querySelectorAll('body *');

for (var n = 0; n < all_elements.length; n++) {
	
	var all_nodes = all_elements[n].childNodes;
	
	for (var i = 0; i < all_nodes.length; i++) {
		
		if (all_nodes[i].nodeName === '#text') {
			
			var node_text = all_nodes[i].nodeValue;
			
			if (node_text.includes('мат')) {
				
				console.log("Текстовый узел содержит мат:\n" + node_text + "\nОн будет удален.");
				
				all_nodes[i].nodeValue = '***удалено защитой***';
				
			}
		}
		
		
	}
	
}

Сегодня на свежую голову понимаю, что возможно это не самый оптимальный метод.

Как бы вы сами решили похожую задачу? Спасибо.

Answer 1

[Сергей Соколов]

через TreeWalker брал бы только NodeFilter.SHOW_TEXT – текстовые узлы

Comments

[zkrvndm]

Спасибо, полезная информация. Очень хитрый метод, непонятно только зачем разработчики сделали выдачу результатов через итератор, если бы сразу выдавало отфильтрованные узлы, было бы удобнее.

var treeWalker = document.createTreeWalker(
    document.body,
    NodeFilter.SHOW_TEXT
);

var textNodes = [];
var currentNode = treeWalker.currentNode;

while (currentNode) {
    currentNode = treeWalker.nextNode();
    textNodes.push(currentNode);
}

console.dir(textNodes);

[Сергей Соколов]

итератор круче: на больших объёмах он не жрёт ресурсы. А если хочется массив, его легко получить, как вы и сделали.

Answer 2

[Developer]

(node_text.includes('хуй'))

Нельзя так делать.
У тебя будет ошибка на словах "Хуйхуа", "подстрахуй меня" и прочее

Comments

[zkrvndm]

Это просто пример) На самом деле код используется для поиска дат в тексте и коррекции их формата отображения и так часть с регулярными выражениями длинная я не стал его постить здесь захламляя пример.