Выполните задачи:
Чтобы получить зачёт, выполните все три задачи. Пришлите на проверку все три задачи сразу, не частями.
Работы должны соответствовать принятому стилю оформления кода.
Любые вопросы по задачам задавайте в чате учебной группы.
Проблема document.getElementById в том, что мы можем запутаться в идентификаторах для повторяющихся блоков.
Например, на страницах может быть три, пять, восемь галерей изображений, у каждой из которых собственное управление стрелочками. Тут идентификаторов не напасёшься!
Статьи ниже помогут вам разобраться в продвинутых техниках работы с DOM. Некоторые из статей написаны на ES5, используют var, но они по-прежнему актуальны.
- Информация о getElementById.
- Поиск: getElement* и querySelector* и не только.
- JavaScript кеширование.
- Кеширование в JavaScript — материал на коррекции. Скоро обновим ссылку
- HTMLCollection, NodeList и массив объектов.
- DOM: NodeList vs HTMLCollection.
- HTMLCollections & NodeLists.
Ещё рекомендуем прочитать книгу Николаса Закаса «JavaScript. Оптимизация производительности», в которой подробно описываются и практики оптимизации DOM, и хорошие подходы к языку в целом. Книга частично устарела, но полезных моментов в ней много.