Чем отличаются методы getElementByClassName и querySelectorAll?

Некоторые отличия методов getElementByClassName и querySelectorAll в JavaScript:

1. Цель использования:

• getElementByClassName возвращает элементы, которые соответствуют имени переданного класса. wiki.merionet.ru Можно искать сразу несколько имён классов, передав их через пробел. wiki.merionet.ru
• SelectorAll применяется для выбора всех HTML-элементов, подходящих под указанный CSS-селектор. itchief.ru Метод позволяет искать элементы как по всей странице, так и внутри определённого элемента. itchief.ru

1. Тип возвращаемого массива:

• getElementByClassName возвращает «живую» HTMLCollection, которая автоматически обновляется при добавлении элемента с тем же именем класса. wiki.merionet.ru
• SelectorAll возвращает статическую коллекцию, похожую на фиксированный массив элементов. tokmakov.msk.ru

1. Параметр, который принимает метод:

• getElementByClassName принимает имя класса. ru.stackoverflow.com
• SelectorAll принимает CSS-селектор в формате строки, который определяет искомые элементы. itchief.ru