Заменить символ в DOM?

Question

[Za Za]

<div class="tags">
   <a href="#">ghjkg</a> | <a href="#">qrwer</a>
</div>

как убрать/заменить символ '|' на ванильном js

Answer 1

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

нужно рекурсивно обойти дерево DOM по узлам Node:
берём корневой узел и перебираем его дочерние узлы childNodes.
Интересуют только текстовые: где node.nodeType === Node.TEXT_NODE
в каждом с содержанием node.nodeValue работать как со строкой текста – заменить/убрать искомый символ.

Если же попался не-текстовый узел, то рекурсия! – перебирать таким же образом его childNodes