JavaScript DOM. Поиск элементов: getElement и querySelector

• Курс по JavaScript для начинающих.  

• Обзор методов поиска элементов в DOM.  

• Напоминание о чате по фронтенду в Telegram.  

• Метод getElementById для доступа к элементам по ID.  

• Пример использования для кнопки с ID "myButton".  

• Важность уникальности ID на странице.  

• Возможность доступа к элементам через выражение с ID.  

• Проблемы с использованием выражения для элементов с ID в camelCase.  

• Рекомендация использовать метод getElementById.  

• Метод querySelector для доступа к элементам без ID.  

• Пример использования селектора по имени тега.  

• Возможность использования селекторов по ID и классам.  

• Метод querySelectorAll для получения всех элементов по селектору.  

• Пример использования для списка элементов.  

• Преимущества использования метода для поиска нескольких элементов.  

• Возможность использования методов querySelector и querySelectorAll у любого DOM-элемента.  

• Пример поиска элементов внутри вложенных элементов.  

• Преимущества сужения контекста поиска.  

• Метод cloneNode для поиска ближайшего родительского элемента.  

• Пример использования для поиска элемента с классом "boxOne".  

• Применение метода при обработке событий.  

• Методы getElementsByTagName, getElementsByClassName и getElementsByAttributeName для поиска элементов по имени тега, классу и атрибуту.  

• Преимущества живых коллекций, отражающих актуальное состояние DOM.  

• Особенности использования и ограничения.  

• Рекомендации по именованию переменных для DOM-элементов.  

• Использование суффиксов для различения DOM-элементов и других сущностей.  

• Пример использования суффикса "элемент" для переменных DOM-элементов.  

• Переменные, содержащие результат вызова метода querySelectorAll, должны называться с окончанием "s".  

• Рекомендуется использовать префикс "элемент" или "элемент" к осмысленному слову.  

• Для нахождения элементов в DOM-дереве лучше использовать дата-атрибуты, а не селекторы по имени тега или идентификатору.  

• Дата-атрибуты начинаются с префикса "data-" и символа дефиса.  

• Для корневого элемента компонента используется префикс "data-js" и имя компонента.  

• Внутренние элементы называются по принципу "data-js-имя-корневого-элемента-имя-текущего-элемента".  

• В JavaScript доступ к элементам осуществляется через селекторы по атрибутам.  

• Элементы, не используемые в JavaScript, могут не иметь дата-атрибутов.  

• Атрибуты класса используются только для стилизации интерфейса.  

• В следующем уроке будет рассмотрена работа со свойствами и атрибутами DOM-элементов.  

• Подписывайтесь на канал для получения новых материалов.