логотип PurpleSchool
Иконка входа
Вход
логотип PurpleSchool

.getElementsByClassName() в JavaScript

Автор

Дмитрий Фандорин

.getElementsByClassName() - это метод JavaScript, который позволяет получить список элементов на веб-странице, которые имеют заданный класс. Он используется для того, чтобы получить ссылки на все элементы с определенным классом и работать с ними в JavaScript.

Описание работы

.getElementsByClassName() работает путем поиска всех элементов на веб-странице, которые имеют заданный класс. Если элементы найдены, метод возвращает список ссылок на эти элементы.

.getElementsByClassName() имеет следующий синтаксис:

document.getElementsByClassName(className);

где:

  • className
    • это строка, представляющая имя класса, по которому мы ищем элементы.

Пример использования .getElementsByClassName() для получения списка ссылок на все элементы с классом myClass:

<div class="myClass">Это мой элемент 1</div>
<div class="myClass">Это мой элемент 2</div>
<div class="notMyClass">Это не мой элемент</div>
const elements = document.getElementsByClassName('myClass');
for (let i = 0; i < elements.length; i++) {
  elements[i].style.color = 'red';
}

В данном примере мы получаем список ссылок на все элементы с классом myClass с помощью метода .getElementsByClassName(), а затем изменяем их цвет текста на красный.

Заключение

.getElementsByClassName() - это метод JavaScript, который позволяет получить список элементов на веб-странице, которые имеют заданный класс. Он используется для того, чтобы получить ссылки на все элементы с определенным классом и работать с ними в JavaScript.

Карта развития разработчика

Получите полную карту развития разработчика по всем направлениям: frontend, backend, devops, mobile