Минимальный вид табов
- index.html
HTML
Вы перешли на другую страницу
Кликните внутри мини-браузера, чтобы поставить фокус в это окно.
С живой коллекцией программа стала работать, как надо. Теперь мы можем заменить вывод строки в консоль на показ сообщения на странице приложения.
Для этого нам, как обычно, надо найти сообщение в DOM и записать его в переменную. А затем удалить в нужный момент класс hidden у сообщения, чтобы показать его на странице. Удалять классы мы уже умеем. Используем для этого classList.remove().
Напишем код и проверим, что сообщение появляется при выполнении всех задач в списке.
children возвращает другой тип коллекции — HTMLCollection.
Такая коллекция содержит только DOM-элементы. Текстовое содержимое или переносы строк не могут попасть в неё в виде отдельных элементов. Все HTMLCollection живые в отличие от NodeList. Подробнее об этой коллекции можете почитать в спецификации и на MDN.
Вы перешли на другую страницу
Кликните внутри мини-браузера, чтобы поставить фокус в это окно.
Проходить вызовы части «Манипуляции с DOM» тренажёра «Погружение в браузерный JavaScript» можно после регистрации и оформления подписки.
Нажимая кнопку «Зарегистрироваться», вы даёте своё согласие на обработку персональных данных в соответствии с «Политикой конфиденциальности» и соглашаетесь с «Условиями оказания услуг».
ВходЗабыли пароль или потеряли доступ к профилю? Введите привязанную к профилю эл. почту, мы отправим вам письмо со ссылкой для восстановления.
Забыли привязать эл. почту к профилю? Напишите нам, мы поможем.