getElementsByClassName()

Обновлено: 27.03.2023

Визначення та використання

Метод getElementsByClassName()повертає набір елементів із зазначеним іменем класу.

Метод getElementsByClassName()повертає HTMLCollection .

Властивість getElementsByClassName()доступна лише для читання.

HTMLCollection

HTMLCollection — це колекція (список) елементів HTML у вигляді масиву .

До елементів колекції можна отримати доступ за індексом (починається з 0).

Властивість length повертає кількість елементів у колекції.

приклад

Отримати всі елементи за допомогою class="example":

const collection = document.getElementsByClassName("example");

Синтаксис

document.getElementsByClassName(classname)

Параметри

ParameterDescription
classnameRequired.
The class name of the elements.
Search for multiple class names separated by spaces like "test demo".

Повернене значення

Типопис
Об'єкт.Об’єкт HTMLCollection .
Набір елементів із вказаним іменем класу.
Елементи сортуються так, як вони відображаються в документі.

Підтримка браузера

document.getElementsByClassName

Посмотреть совместимость на Can I use?

document.getElementsByClassName