В чем разница между querySelector и querySelectorAll при работе с классами?

Разница между методами querySelector и querySelectorAll при работе с классами заключается в том, что querySelector возвращает первый элемент, а querySelectorAll — все элементы. itchief.ru learnjs.ru

querySelector выполняет поиск по CSS-селектору и возвращает первый элемент, соответствующий указанному классу. www.webpupil.ru learnjs.ru Если поиск не увенчался успехом, возвращается значение null. learnjs.ru

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

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