Как заменить контент при помощи js?

Question

[Valery23]

Всем привет, есть код html:

<div class="cat_service">Наименование:
<span>Доски</span>  <span>Стулья и столы</span> 
</div>

Можно ли подменить контент вместе со span, именно с <span>Доски</span> на <span class="doski">Доски</span>, а если будет <span>Стулья и столы</span> на <span class="stulya_i_stoly">Стулья и столы</span>

Answer 1

[Kirill0673]

Почему бы просто добавить нужные вам классы к span. Удалить можно к примеру при помощи removeChild, потом создать и добавить в нужное место новые с помощью createElement.

Comments

[Valery23]

У меня эти span генерируются автоматически. По этому, думаю, не подойдет решение.

Answer 2

[v3shin]

let spans = document.querySelectorAll('.cat_service > span');
if (spans) {
    spans.forEach(span => {
        span.classList.add(translit(span.innerText));
    });
}

А функцию translit() определите (нагуглите) сами.

Answer 3

[MamaLuyba]

через querySelector находишь родительский компонент div class="cat_service" и через innerHTML заменяешь ему детей на что хочешь. если не успеваешь отловить генерацию до запуска этой замены - ставишь setInterval, в котором ищешь элемент, и как только найдешь - убиваешь интервал.