В чём разница между querySelector и querySelectorAll?

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

querySelector принимает строку с селектором в качестве аргумента и возвращает первое совпадение с ним или null, если ничего не найдено. 2

querySelectorAll принимает ту же строку с селектором и возвращает все найденные элементы в виде массива элементов NodeList, с которым можно работать в цикле for или for/of. 2 Если элементы не будут найдены, вернёт пустой массив NodeList. 2

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

Выбор между этими методами зависит от конкретной задачи разработчика.