@KambulovDanil

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

Добрый день, подскажите как реализовать цикл прохода по всем тегам в html collections?
Мне необходимо менять innerText каждого тега на слова из другого массива.Код ниже представлен.

Как реализовать цикл прохода по всем вложенным тегам и менять их текст ? Вручную прописывать проход до каждого не очень удобно
document.getElementsByClassName('sidebar__inner')[0].children[0].children[0].children[1].children[0].children[0].children[0].text="documen"


Вот есть наработка, но здесь меняет один раз, то есть до внутренних тегов не доходит (

Пример кода HTML
<div id="indexText"></div>
<!DOCTYPE html>
<html lang="">
<head>
  <meta charset="">
  <meta name="viewport" content="width=, initial-scale=">
  <title></title>
</head>
<body>
  <div class="sidebar__inner"><div class="sidebar__content"><div class="sidebar__section"><h4 class="sidebar__section-title">Смежные разделы</h4><nav class="sidebar__navigation"><ul class="sidebar__navigation-links"><li class="sidebar__navigation-link"><a class="sidebar__link" href="/document">Документ</a></li><li class="sidebar__navigation-link"><a class="sidebar__link" href="/events">Введение в события</a></li><li class="sidebar__navigation-link"><a class="sidebar__link" href="/event-details">Интерфейсные события</a></li><li class="sidebar__navigation-link"><a class="sidebar__link" href="/forms-controls">Формы, элементы управления</a></li><li class="sidebar__navigation-link"><a class="sidebar__link" href="/loading">Загрузка документа и ресурсов</a></li><li class="sidebar__navigation-link"><a class="sidebar__link" href="/ui-misc">Разное</a></li></ul></nav></div><div class="sidebar__section"><div class="sidebar__section-title">Поделиться</div><a class="share share_tw sidebar__share" href="https://twitter.com/share?url=https%3A%2F%2Flearn.javascript.ru%2Fdocument" rel="nofollow"></a><a class="share share_fb sidebar__share" href="https://www.facebook.com/sharer/sharer.php?s=100&amp;p[url]=https%3A%2F%2Flearn.javascript.ru%2Fdocument" rel="nofollow"></a><a class="share share_vk sidebar__share" href="https://vkontakte.ru/share.php?url=https%3A%2F%2Flearn.javascript.ru%2Fdocument" rel="nofollow"></a></div><div class="sidebar__section"><a class="sidebar__link" href="https://github.com/javascript-tutorial/ru.javascript.info/blob/master/2-ui/1-document" rel="nofollow">Редактировать на GitHub</a></div></div></div>

</body>
</html>


let a = document.getElementsByClassName('sidebar__inner')[0].innerText;
console.log(a)
let array =["Related Sections",
"Document",
"Introduction to Events",
"Interface events",
"Forms, controls",
"Download document and resources",
"Miscellanea",
"Share",
"Edit on GitHub"]

Array.from( document.getElementsByClassName('sidebar__inner') )
.forEach((element, index) => element.innerText = array[index]);


Буду благодарен за любую помощь
  • Вопрос задан
  • 77 просмотров
Решения вопроса 1
alexey-m-ukolov
@alexey-m-ukolov Куратор тега JavaScript
Заменяйте отдельно ссылки через селектор .sidebar__link и заголовки через .sidebar__section-title и не будет никаких проблем.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы