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

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