JavaScript: методы выбора элемента с двумя классами

Чтобы выбрать элемент с двумя классами в JavaScript, вы можете использовать различные методы. Вот несколько примеров:

  1. querySelector: метод querySelector позволяет выбирать элементы с помощью селекторов CSS. Чтобы выбрать элемент с двумя классами, вы можете использовать точечную нотацию для объединения имен классов. Например, чтобы выбрать элемент с классами «класс1» и «класс2», вы можете использовать следующий код:

    const element = document.querySelector('.class1.class2');
  2. querySelectorAll: метод querySelectorAll возвращает список всех элементов, соответствующих указанному селектору CSS. Чтобы выбрать элемент с двумя классами, вы можете использовать ту же запись через точку, что и в предыдущем примере. Например:

    const elements = document.querySelectorAll('.class1.class2');
  3. getElementsByClassName: метод getElementsByClassName возвращает коллекцию всех элементов, имеющих определенное имя класса. Чтобы выбрать элемент с двумя классами, вы можете вызвать этот метод дважды, по одному разу для каждого имени класса, а затем проверить пересечение двух коллекций. Вот пример:

    const elements1 = document.getElementsByClassName('class1');
    const elements2 = document.getElementsByClassName('class2');
    const elements = Array.from(elements1).filter(element => elements2.includes(element));
  4. Использование classList: свойство classList элемента позволяет вам манипулировать классами элемента. Вы можете использовать метод contains, чтобы проверить, имеет ли элемент несколько классов. Вот пример:

    const elements = Array.from(document.getElementsByTagName('*')).filter(element => element.classList.contains('class1') && element.classList.contains('class2'));

Вот некоторые методы, которые можно использовать для выбора элемента с двумя классами в JavaScript.