JS. Доступ к тексту дочерних элементов

Делаю подсветку текста при озвучивании. То есть текст читается и произносимые слова при этом выделяются.

Если просто текст, то всё элементарно, а вот когда в тексте присутствует разметка, например:

<p id="stx" data-speech="ru-RU">Многие <b>приложения</b>, в которых используется <i>перетаскивание</i>, не могут без него обходиться.</p>

Получается надо поочерёдно отправлять текст так:

Многие

приложения,

в которых используется

перетаскивание,

не могут без него обходиться.

let elt=stx.firstChild;
console.log(elt.data);
elt=elt.nextElementSibling;
console.log(elt.data);

Как получить последовательно текст с дочерними элементами?

Разобрался :)

for(let elt of stx.childNodes)console.log(elt);