Доступ к элементам DOM – дерева Для того чтобы получить доступ к элементам на странице, у объекта document есть несколько методов: getElementById – для поиска элемента по id. В качестве параметра принимает id элемента. Возвращает найденный элемент; getElementsByClassName – для поиска элемента по классу. В качестве параметра принимает имя класса. Возвращает список найденных элементов; getElementsByTagName – для поиска элемента по тегу. В качестве параметра принимает имя тега. Возвращает список всех найденных элементов; qurySelector – для поиска элемента по выбранному css селектору...

Есть 6 основных методов поиска элементов в DOM (см. изображение выше). Безусловно, наиболее часто используемыми в настоящее время являются методы querySelector и querySelectorAll, но и методы getElement(s)By* могут быть полезны в отдельных случаях, а также встречаются в старом коде. Кроме того: - Есть метод elem.matches(css), который проверяет, удовлетворяет ли элемент CSS-селектору. - Метод elem.closest(css) ищет ближайшего по иерархии предка, соответствующему данному CSS-селектору...