JavaScript ES7: Пример использования метода `getElementsByClassName()`
В JavaScript, начиная с версии ES7, был добавлен новый метод `getElementsByClassName()`, который позволяет получить все элементы на странице, которые имеют определенный класс. Этот метод является частью стандарта DOM (Document Object Model) и может быть использован для получения всех элементов на веб-странице, которые имеют определенный класс.
Метод `getElementsByClassName()` принимает один аргумент - имя класса, который вы хотите найти. Он возвращает объект, который представляет собой массив всех элементов на странице, которые имеют указанный класс.
Пример использования метода `getElementsByClassName()`:
```javascript
var elements = document.getElementsByClassName('myClass');
for (var i = 0; i < elements.length; i++) {
console.log(elements[i]);
}
```
В этом примере мы получаем все элементы на странице, которые имеют класс 'myClass', и затем перебираем их в цикле. Каждый элемент выводится в консоль.
Обратите внимание, что метод `getElementsByClassName()` не возвращает уникальный идентификатор элемента, как это делает метод `getElementById()`. Вместо этого он возвращает массив объектов, каждый из которых представляет отдельный элемент на странице.
Также стоит отметить, что метод `getElementsByClassName()` работает только с HTML-элементами, которые имеют класс. Если вы попытаетесь использовать его с другими типами элементов, он вернет пустой массив.
В целом, метод `getElementsByClassName()` является мощным инструментом для работы с классами в JavaScript и позволяет легко получить доступ ко всем элементам на странице, которые имеют определенный класс.