Основное отличие методов querySelector и querySelectorAll при работе с DOM заключается в том, что querySelector возвращает первый элемент, соответствующий указанному селектору, а querySelectorAll — все элементы, соответствующие указанному селектору. 14

querySelector ищет только один HTML-элемент и возвращает его или null, если он не был найден. 3 Если под указанный селектор подходят несколько элементов, метод возвращает только первый. 3

querySelectorAll возвращает объект класса NodeList, который содержит все найденные элементы. 3 Полученный набор представляет собой статическую коллекцию HTML-элементов, то есть не изменяется. 3 Чтобы обновить набор, querySelectorAll нужно вызвать заново. 3

Таким образом, querySelector используется для выбора одного элемента, а querySelectorAll — для выбора нескольких элементов. 2