Как сделать конструкцию, которая будет делать replace преобразование на постоянной основе элементов общего класса? (+скрин)

Question

Как мне сделать конструкцию, которая будет выполнять данную задачу без написания этих строк каждый раз на каждый id?

Этот код для того, чтобы выделять букву в логотипе. Логотипы будут на каждой странице и для всех нужно сделать подобную вещь.

Answer 1

document.querySelectorAll(".logo-letter").forEach(e => e.innerHTML = e.innerHTML.replace('o', '<span>o</span>'));

<div class="logo-letter">oabcd</div>
<div class="logo-letter">oabcd</div>
<div class="logo-letter">oabcd</div>