Чтобы выбрать элемент с двумя классами в JavaScript, вы можете использовать различные методы. Вот несколько примеров:
-
querySelector: метод querySelector позволяет выбирать элементы с помощью селекторов CSS. Чтобы выбрать элемент с двумя классами, вы можете использовать точечную нотацию для объединения имен классов. Например, чтобы выбрать элемент с классами «класс1» и «класс2», вы можете использовать следующий код:
const element = document.querySelector('.class1.class2'); -
querySelectorAll: метод querySelectorAll возвращает список всех элементов, соответствующих указанному селектору CSS. Чтобы выбрать элемент с двумя классами, вы можете использовать ту же запись через точку, что и в предыдущем примере. Например:
const elements = document.querySelectorAll('.class1.class2'); -
getElementsByClassName: метод getElementsByClassName возвращает коллекцию всех элементов, имеющих определенное имя класса. Чтобы выбрать элемент с двумя классами, вы можете вызвать этот метод дважды, по одному разу для каждого имени класса, а затем проверить пересечение двух коллекций. Вот пример:
const elements1 = document.getElementsByClassName('class1'); const elements2 = document.getElementsByClassName('class2'); const elements = Array.from(elements1).filter(element => elements2.includes(element)); -
Использование classList: свойство classList элемента позволяет вам манипулировать классами элемента. Вы можете использовать метод contains, чтобы проверить, имеет ли элемент несколько классов. Вот пример:
const elements = Array.from(document.getElementsByTagName('*')).filter(element => element.classList.contains('class1') && element.classList.contains('class2'));
Вот некоторые методы, которые можно использовать для выбора элемента с двумя классами в JavaScript.