Чем отличается document.querySelector от document.getElementById?

Метод `document.getElementById` ищет элемент по exact-id и возвращает первый найденный. `querySelector` более универсальный: он принимает любой CSS-селектор (класс, тег, комбинации селекторов) и возвращает первый подходящий элемент. Например, `document.querySelector(".item")` найдёт первый элемент с классом item. Однако `querySelector("#id")` и `getElementById("id")` при одинаковом id в целом вернут тот же элемент. Разница ещё и в том, что querySelector может возвращать `null` для несуществующего селектора, тогда как getElementById вернёт `null` для отсутствующего id (в современных браузерах поведение схоже). По производительности прямой поиск по id может быть немного быстрее.