Методы JavaScript для поиска элементов по имени класса

Вот несколько методов JavaScript для поиска элементов по имени класса:

  1. getElementsByClassName: этот метод возвращает живую HTML-коллекцию элементов с определенным именем класса.
    Пример:

    const elements = document.getElementsByClassName('classname');
  2. querySelectorAll: этот метод возвращает статический NodeList элементов, соответствующих указанному селектору CSS, включая имя класса.
    Пример:

    const elements = document.querySelectorAll('.classname');
  3. querySelector: этот метод возвращает первый элемент, соответствующий указанному селектору CSS, включая имя класса.
    Пример:

    const element = document.querySelector('.classname');
  4. Array.fromс document.getElementsByClassName: этот метод преобразует HTMLCollection, возвращаемую getElementsByClassName, в массив.
    Пример:

    const elements = Array.from(document.getElementsByClassName('classname'));
  5. Array.fromс document.querySelectorAll: этот метод преобразует NodeList, возвращаемый querySelectorAll, в массив.
    Пример:

    const elements = Array.from(document.querySelectorAll('.classname'));