Javascript querySelector vs. getElementById

Я слышал, что querySelector и querySelectorAll - это новые и лучшие методы для выбора элементов DOM. Это правда?

Являются querySelector и querySelectorAll лучше, чем getElementById и getElementsByClassName?

Что я должен использовать? Я новичок в веб-программировании! Спасибо!

Ответ 1

"Лучше" субъективно.

querySelector - это новая функция.

getElementById лучше поддерживается, чем querySelector.

querySelector лучше поддерживается, чем getElementsByClassName.

querySelector позволяет находить элементы с правилами, которые не могут быть выражены с помощью getElementById и getElementsByClassName

Вам нужно выбрать соответствующий инструмент для любой заданной задачи.

(В приведенном выше примере для querySelector читайте querySelector/querySelectorAll).

Ответ 2

Функции getElementById и getElementsByClassName очень специфичны, а querySelector и querySelectorAll более сложны. Я предполагаю, что они будут иметь худшую производительность.

Кроме того, вам нужно проверить поддержку каждой функции в браузерах, на которые вы нацеливаетесь. Чем оно выше, тем выше вероятность отсутствия поддержки или функции, которая является "глючной".