Чем отличаются методы querySelector и querySelectorAll при работе с DOM?

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

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

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

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