JavaScript | Как получить все HTML-элементы с одним классом?

Определяем нужный класс. Например:

product-title__text

Класс product-title__text - JavaScript — Класс product-title__text — JavaScript

Чтобы получить все элементы с этим классом нам нужно воспользоваться функцией querySelectorAll(selectors), которая входит в «миксин ParentNode» стандарта «Объектной Модели Документа» (DOM). В селекторах к названию класса нужно добавить точку:

document.querySelectorAll(".product-title__text")

Отобрали 9 элементов по селектору - JavaScript — Отобрали 9 элементов по селектору — JavaScript

В ответ получили прототип объекта NodeList. Теперь у нас есть полный набор элементов с одинаковым классом.

Информационные ссылки

DOM

DOM | Миксин ParentNode