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

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

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

 

Поделись записью