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

ArbNet
На сайте с 27.10.2019
Offline
52
229

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

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


<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);
Блажен, кто не стремится сделать лучше: он не рискует быть не понятым.
MX
На сайте с 17.06.2004
Offline
160
#1

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий